Une petite question : est-il possible de controler l'espacement entre le texte et la puce dans une liste ?

<ul><li>Ma liste</li></ul>


J'essaie en jouant sur padding et margin dans ul et li mais ça ne fonctionne pas !
Bonjour,

Je ne sais pas si c'est possible, je n'ai pas l'impression, mais personnellement je ferai une fausse puce (png) placée en arriere-plan.


li {
background:url(puce.png); // exemple sur une puce de 10x10 px
padding-left:15px;
}


Voilà c'est un exemple, si cela résout ton problème, n'oublie pas le [ résolu ] dans le titre de ton message.
Modifié par zzzazzz (17 Mar 2006 - 16:56)
caroder a écrit :
Une petite question : est-il possible de controler l'espacement entre le texte et la puce dans une liste ?
<ul><li>Ma liste</li></ul>

J'essaie en jouant sur padding et margin dans ul et li mais ça ne fonctionne pas !


Sous Firefox, un tout simple
li {padding-left: 100px;}

marche très bien...
(sous réserve qu'on soit en list-style-position: outside; mais c'est la valeur par défaut).
Salut,

Est-ce que tu as également une solution pour l'espacement vertical pour que les puces apparaissent à l'identique sous IE et FF ?