OVH Cloud OVH Cloud

Utilisation erronée de attr() ?

14 réponses
Avatar
Bobe
Bonjour,

Je recode actuellement mon site.
Je souhaite remplacer le titre (h1) de la colonne centrale de mes pages, par
un titre en image.
J'ai donc testé ceci car c'est plus simple que de définir une classe dans la
feuille de style pour chaque titre différent :

#page h1 {
background: transparent url(attr(class)) center no-repeat;
height: 80px;
}

et dans la page html :

<h1 class="accueil.png"><span>accueil</span></h1>

Evidemment, cela ne marche pas...
Ma question est donc: Est-il possible de faire quelque chose de ce genre ?

--
Bobe (Aurélien Maille)

4 réponses

1 2
Avatar
Pierre Goiffon
Dans le message:bj7p1r$9hj$,
Bobe a écrit:
Le navigateur doit lire la feuille de style avant de pouvoir
récupérer les images d'arrière plan par exemple.



Non, le navigateur doit lire la feuille de style pour savoir quoi
faire des fichiers qu'il a téléchargé : c'est le html qui indique
quels sont
les ressources externes, à part dans des cas évoqués dans ce thread.



Donc nous sommes d'accord :)



OK, je ne vous avait pas compris, car cela partait du cas du IMG à
remplacer et que j'ai un esprit plus ou moins éveillé aujourd'hui :D

--
_________________________________________________________
/
. Pierre GOIFFON .
. p g o i f f o n @ w e b c i t y . f r .
_________________________________________________________/
Un grand merci à OE Quote Fix pour rendre OE utilisable :)
=> http://home.in.tum.de/~jain/software/quotefix.php
Avatar
Daniel Glazman
Pierre Goiffon wrote:

Le navigateur doit lire la feuille de style avant de pouvoir
récupérer les images d'arrière plan par exemple.




Non, le navigateur doit lire la feuille de style pour savoir quoi faire
des fichiers qu'il a téléchargé : c'est le html qui indique quels sont
les ressources externes, à part dans des cas évoqués dans ce thread.



Non, c'est _faux_.

Exemple:

<p>.........</p>

p { background-image: url(foo.gif) }

La ressource externe est clairement chargée par la résolution de la
cascade CSS et pas par le document lui-même. C'est le Layout engine qui
va déclencher ce chargement sur ordre du Style engine.

</Daniel>
Avatar
Christophe
Daniel Glazman wrote:

Fabrice Bonny wrote:

attr n'est utilisable que dans le contexte du "content":
http://www.w3.org/TR/CSS2/generate.html#propdef-content




Et donc dans le contexte des pseudo-éléments :before et :after.
Cela est vrai pour CSS 2. Cela ne devrait plus l'être en CSS 3 où,
ENFIN, alors que j'ai proposé cela pour la 1ère fois début 1997, on
pourra écrire par exemple :

img.logoMonEntreprise {
content: url(http://example.com/logoMonEntreprise.gif) ;
}


tien au fait, la spec officielle CSS3 est prévue pour qd, à peu près ?


--
____________________________________________________________________
http://batraciens.net/
"BATRACIENS" : Un site consacré à l'élevage et la maintenance des
batraciens, aquatiques ou terrestres.
Nombreuses Photos et articles de maintenance. Petites annonces.
____________________________________________________________________
____________________________________________________________________
Avatar
bertrand
Le 04/09/2003 08:49, Fabrice Bonny a écrit :


Tu veux dire qu'on va enfin pouvoir changer l'image suivant le media,
par exemple? Genre une 300dpi pour l'impression? Ou faire des rollover
tout CSS? Et là, je ne parle que des images.
:')



Bonsoir,

On pourra aussi adapter les images au style. Genre des photos noir et
blanc jauni pour le style rétro, ou des graphismes en harmonie avec les
polices utilisées. Géant!

--
Bertrand Perrotte

Webmaistre canoe.kayak.free.fr
secrétaire du Canoë Kayak Gennevilliers
1 2