Mauvaise interprétation de la propriété list-style-image sous IE (6, 7, 8béta)
Par Meldwin le lundi, mars 9 2009, 14:56 - WebDev - Lien permanent
Tags :
Pour ceux qui ne connaissent pas cette propriété, elle permet de définir une image pour représenter une puce dans une liste. Seul problème, cette propriété a un comportement étrange, surtout sur IE6, IE7 et la béta d'IE8. Les dysfonctionnements sont divers et variés mais on retrouve souvent des décalages (margin) assez important. Ca peut aller jusqu'à une vingtaine de pixel (cas rencontré ^^)
La seule solution actuellement, c'est d'utiliser la propriété background-image sur vos <li>.
ul li {
background: url(../images/Charte/picto.gif) top left no-repeat;
padding-left: 5px;
}
Petit rappel :
Notez qu'il faut marquer les propriétés de types de styles sur la balise <ul> et non pas sur la balise <li> comme beaucoup le font ;o)
@tchaOo°
un commentaire
Voui voui voui... c'est assez naze cette list-style-image...
Un bg et un padding ça résout pas mal de problèmes :) (et surtout le positionnement de l'image du background )
La discussion continue ailleurs
URL de rétrolien : http://plumeconception.olympe-network.com/blog/index.php?trackback/52
Fil des commentaires de ce billet