En mettant le code comme ceci :
}
ul {
list-style-image: url("images/arrow.gif");
width:100%;
padding-left:11px;
}
La tendance est inversé, l’affichage est nickel sous Firefox (aligné correctement à gauche) mais sous IE7 cela part vers la droite…
Essaie de jouer avec les même directives (margin, padding, etc.) à la fois sur le <ul> et sur les <li>.
Moi, pour m’aider, j’affiche temporairement la bordure des bloc :
ul {
...
border: 1px solid red;
}
li {
...
border: 1px solid blue;
}
Ok, donc j’ai suivi tes conseils et pour finir j’ai réussi à trouver un réglage qui passe bien sous IE et FF :
}
ul {
list-style-image: url("images/arrow.gif");
width:100%;
margin-left:6px;
padding-left:10px;
}
Peux tu me dire si ce code est propre?
C’est du CSS donc accessoirement c’est propre. En tout cas pour moi le code actuel l’est.
OK, c’est parfait merci à vous deux