Suivez les fils RSS
 
Rechercher dans le sujet :
Forum
» CSS et mise en forme, CSS3
» Mettre un titre en image: le retour
Auteur
Pages : [<<]
Benjamin D.C.
# 23 Apr 2007 - 18:08:01
Citer
Modérateur
2980 Posts
 (reprise du message précédent)

Juste un petit "up" du sujet pour connaître vos avis sur la méthode basée sur le pseudo-élément :before qui semble à priori être parfaitement accessible même dans le cas d'images désactivées et css actifs. À titre d'exemple:
HTML



<h1>Mon titre</h1>





CSS



h1:before {display:block; content:url('logo.png');}

h1 {overflow:hidden; height:100px;}
Naturellement, une fois de plus se pose le problème d'ie... Pour ie6, le script de Dean Edwards fait parfaitement l'affaire.
Pour ie7, je ne vois pas d'autres solution à l'heure actuelle que de se rabattre sur un stylage css au plus proche de ce qu'on a sur l'image; une gracieuse dégradation en quelques sortes. ravi
This is the way, step inside.
http://bdc.vc 
^
Benjamin D.C.
# 23 Apr 2007 - 19:58:10
Citer
Modérateur
2980 Posts
 Après multiples tests, ça marche vraiment pas mal cette technique en fait... du moins, en attendant un support de content directement sur l'élément un peu plus répandu.
Modifié par Benjamin D.C. (18 Nov 2007 - 13:42)
This is the way, step inside.
http://bdc.vc 
^
Hermann
# 23 Apr 2007 - 23:24:19
Citer
4045 Posts
 Salut collègue cligne
pour la prise en compte des pseudo-éléments :before et :after sous IE7,
voilà une solution éventuelle.
Modifié par Hermann (23 Apr 2007 - 23:24)
^
Benjamin D.C.
# 24 Apr 2007 - 00:42:36
Citer
Modérateur
2980 Posts
Hermann a écrit :
Salut collègue cligne
Ah tiens oui smile

Hermann a écrit :
pour la prise en compte des pseudo-éléments :before et :after sous IE7, voilà une solution éventuelle.
Merci pour le lien, je sens que ça va m'être bien utile!
ravi
This is the way, step inside.
http://bdc.vc 
^
Pages : [<<]
Le sujet est clos.
Aller à