A tout hasard, juste par maniaquerie.
Ca ne fonctionnerait pas mieux en plaçant tes deux motifs de soulignement de lien l’un au dessus de l’autre dans l’image et en mettant un audacieux repeat-x à ta règle de style ?


.storycontent a:hover, .menucontent a:hover, .archives a:hover, ul.linklog li a:hover
{
padding-bottom: 5px;
background: url(../../../illustrations/underline.gif) bottom left repeat-x;
}


Très sympathique la mise à jour en temps réel de l’aperçu des commentaires par contre.
Bonne soirée.

Commentaire by Yorunokoe — 6/3/2006 @ 23 h 09

L’idée était bonne. Malheureusement elle s’avère inefficace avec quelques fureteurs.
La propriété repeat-x fonctionne a merveille, seulement dans le cas présent, l’image fait quelques pixels de haut (5 pour être précis) et doit être positionnée sous le lien, tout en n’apparaissant qu’une seule fois.

Or, cela ne fonctionne pas avec MSIE Windows 5.0 qui n’applique pas le padding. Du coup les flèches peuvent apparaître deux fois horizontalement, ce qui n’est pas l’effet voulu.

De plus, il y a d’autres limitations si l’élement est de type inline, mais Openweb le résume mieux que moi. Voir en particulier la section Ajout d'une icône pour une classe (1) de l’article sur l’Utilisation des images dans les CSS.

Cela dit, je suis content de voir qu’il y a quelques visiteurs qui poussent la curiosité aussi loin !

Commentaire by Romain — 7/3/2006 @ 18 h 39