[Résolu]Liste et puce graphique personnalisée

Salut,

J'utilise des puces personnalisées dans des listes avec

list-style-image: url (...);

L'affichage est conforme. Cependant, j'aimerais régler l'espacement entre la puce et le texte de la liste (ligne <li>). Est-ce possible?


Merci pour votre aide.
Patrick
Modifié par patblt (15 Dec 2008 - 15:37)

un simple padding sur ton <li> et la puce en background de ton li.

si la puce est bien à gauche. c'est le padding-left que tu devrais agrandir.
Attention cependant si tu as fixé une taille de <li> le padding grandira la largeur de ton bloc.
En gros le texte n'apparaitra pas dans le padding tandis que la puce en background, elle le pourra.
Modifié par Diwatt (15 Dec 2008 - 15:09)

Hello,

Petit article instructif sur le sujet :
http://openweb.eu.org/articles/puces_images

Cdt,
Sylvain

Merci à tous.

Je souhaitais éviter l'image en background mais en fait ça fonctionne bien !

@+