[Résolu]Problème d'alignement des puces avec le texte

Bonjour,

J'ai crée un menu sous forme d'une liste avec une css.

Le souci que j'ai est le suivant : je n'arrive pas à aligner les puces avec le texte, les puces sont décallées vers le haut


Je n'ai pas trouvé de solution probante pour l'instant.

Avec vous une solution ?
Merci
Modifié par pan (24 Jan 2007 - 14:56)

Bonjour pan,

Le mieux pour que les membres puissent t'aider, c'est de fournir un lien vers ta page ou le bout de code concerné car il y a plusieurs manières possibles d'avoir ce rendu.
Ce n'est pas à nous de deviner...

Exact j'ai oublié le code :

Dans la page :

<ul id="infos">
	<li><a href="#">Infos pratiques</a></li>
	<li><a href="#">Hébergement</a></li>
            <li><a href="#">Plan d'accès</a></li>
	<li><a href="#">Nous contacter</a></li>
	<li><a href="#">Vente en ligne</a></li>
				</ul>

Dans la css :

ul#infos {
	margin: 0;
	padding: 0;
	list-style-image: url(images/puceorange.gif);
	list-style-position: inside;	
	line-height: 20px;	
}

Merci
Modifié par pan (24 Jan 2007 - 10:00)

Essaye un truc du genre:

ul#infos {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	line-height: 20px;
}
ul#infos li {
        background: url(images/puceorange.gif) no-repeat 0 5px;
	margin: 0;
	padding: 0 0 0 10px;
}

Bien sûr faudra bien régler le BG (5px c l'alignement en hauteur de ta puce, à toi de pauffiner pour bien le centrer j'ai mis un peu au pif), Padding et Margin...

J'aime bien ce système qui offre vraiment une compatibilité avec tous les browsers...
Modifié par Paco (24 Jan 2007 - 10:38)

Ah ben je te confirme que ça marche même très bien.

Merci à toi !

You're welcome

pan a écrit :
Ah ben je te confirme que ça marche même très bien.

Merci à toi !

Cool.

J'en conclus que ce sujet est résolu ?