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)

10 réponses

1 2
Avatar
Fabrice Bonny
Le 03/09/2003 22:48, Bobe tapotait :

Ma question est donc: Est-il possible de faire quelque chose de ce genre ?



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

--
Fabrice Bonny
http://openweb.eu.org/
Avatar
mauriz
Fabrice Bonny a écrit :
Le 03/09/2003 22:48, Bobe tapotait :

Ma question est donc: Est-il possible de faire quelque chose de ce
genre ?




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



L'utilisation proposée aurait pu être intéressante...
Avatar
laurent prevosto
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) ;
}




Oué...
Avec plein d'applications sympa en perspective...

lp
Avatar
Daniel Glazman
Fabrice Bonny wrote:


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.
:')



Oui... J'ai proposé tout ça il y a si longtemps parce qu'on en avait
besoin pour le site institutionnel de EDF et que le scripting ne nous
semblait pas une solution propre. Il a fallu presque 7 ans pour que ça
décante - et c'est pas encore fini.

Bon, je vais enfin lire la "quasi-TR CSS3", histoire de rêver un peu.
Euh, c'est pour quand dans Mozilla? ;-)



:-)

</Daniel>
Avatar
Fabrice Bonny
Daniel Glazman disait:

Oui... J'ai proposé tout ça il y a si longtemps parce qu'on en avait
besoin pour le site institutionnel de EDF et que le scripting ne nous
semblait pas une solution propre. Il a fallu presque 7 ans pour que ça
décante - et c'est pas encore fini.



Dis pas de mal de My Super Intelligent Explorer (vivement +- 2005).

Une petite question technique: imaginons que j'applique une CSS handeld
pour remplacer l'image par son alt ou autre chose. Sauf erreur, l'image
est quand même rapatriée, non? Le but serait bien évidemment de sauver
un peu de bande passante sur un support mobile.

--
Fabrice Bonny
http://openweb.eu.org/
Avatar
Daniel Glazman
Fabrice Bonny wrote:

Une petite question technique: imaginons que j'applique une CSS handeld
pour remplacer l'image par son alt ou autre chose. Sauf erreur, l'image
est quand même rapatriée, non? Le but serait bien évidemment de sauver
un peu de bande passante sur un support mobile.



Euhhh, si ton markup contient seulement <img /> il ne va rien rapatrier
du tout sans application des CSS 3 :-)

</Daniel>
Avatar
laurent prevosto
Fabrice Bonny wrote:

Daniel Glazman disait:


Oui... J'ai proposé tout ça il y a si longtemps parce qu'on en avait
besoin pour le site institutionnel de EDF et que le scripting ne nous
semblait pas une solution propre. Il a fallu presque 7 ans pour que ça
décante - et c'est pas encore fini.




Dis pas de mal de My Super Intelligent Explorer (vivement +- 2005).



C'est plutôt My Super Intellingent CSS+FP Working Group en l'occurence non ?

Une petite question technique: imaginons que j'applique une CSS handeld
pour remplacer l'image par son alt ou autre chose. Sauf erreur, l'image
est quand même rapatriée, non? Le but serait bien évidemment de sauver
un peu de bande passante sur un support mobile.



Ca dépend plus de l'implémentation que de la spec elle-même non ?

lp
Avatar
Pierre Goiffon
Dans le message:3f572195$0$6239$,
laurent prevosto a écrit:
Une petite question technique: imaginons que j'applique une CSS
handeld pour remplacer l'image par son alt ou autre chose. Sauf
erreur, l'image est quand même rapatriée, non? Le but serait bien
évidemment de sauver
un peu de bande passante sur un support mobile.



Ca dépend plus de l'implémentation que de la spec elle-même non ?



Cela voudrai dire que le navigateur va analyser la CSS avant de lancer
les téléchargements des autres ressources ? Ca me parait tordu. Dans
quels cas cela peut il être raisonnable ?

--
_________________________________________________________
/
. 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
Bobe
Pierre Goiffon déclarait le 04/09/2003 14:14:

Cela voudrai dire que le navigateur va analyser la CSS avant de lancer
les téléchargements des autres ressources ? Ca me parait tordu. Dans
quels cas cela peut il être raisonnable ?




C'est déja le cas je pense.
Le navigateur doit lire la feuille de style avant de pouvoir récupérer les
images d'arrière plan par exemple.

--
Bobe (Aurélien Maille)
Avatar
Bobe
Pierre Goiffon déclarait le 04/09/2003 17:43:
Dans le message:bj7f9n$dr9$,
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 :)
Sans la feuille de style, le navigateur ne peut savoir qu'il doit télécharger
les ressources mentionnées dans la dite feuille de style. (images, fichiers
sons pour les feuilles aural, etc...)

--
Bobe (Aurélien Maille)
1 2