[RESOLU] LIST et espacement entre la puce et le texte

Bonjour à toutes et tous,

voilà j'ai une question dont je ne trouve pas la réponse dans les posts.

En fait j'ai une liste avec image pour les puces, je sais gérer l'espace à gauche de la puce mais pas l'espace à droite, entre la puce et le texte.
J'arrive à l'augmenter mais quand je mets le padding-right=0px, j'ai toujours par défaut 7 ou 8 pixels d'espace.

Voyez-vous ce que je veux dire ?

Merci d'avance pour votre aide et votre temps.
Bonne fin de w-e !

Gregg
Modifié par GreggBazin (13 Apr 2008 - 19:19)

Bonjour,

GreggBazin a écrit :
En fait j'ai une liste avec image pour les puces, je sais gérer l'espace à gauche de la puce mais pas l'espace à droite, entre la puce et le texte.

Cet espace ne se gère pas. Pour parer cette limite, on utilise souvent une image de fond (background) à la place d'une puce générée via list-style-image.

Ouhla, pas tout compris... une image de fond dans la balise LI ?

Pour le moment mon code ressemble à ceci :

ul
{ 
	margin:3px 0px 10px 8px;
	padding: 0px;
}
li
{ 
	list-style-image:url(images/fleche.gif);
	margin:5px 5px 5px 5px;
	padding-left:0px;
	line-height:15px;
}

Merci Florent !

Oui, une image de fond dans (ou «pour») la balise li.

ul {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
ul li {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(mapuce.png) no-repeat left center;
}

Et on joue sur le padding-left des li pour obtenir l'écart souhaité.

Génial !!!!!
Merci Florent, you're the Best !!!!