Alignement Li avec retour a la ligne

Bonjour a tous,

Avant toute chose, j'ai cherché sur le forum mon probleme, et je n'ai trouvé aucune réponse;


je souhaite aligne la puce avec la premier ligne de ce li . Voici ce que j'ai actuellement
http://img297.imageshack.us/img297/2062/bugsev8.gif

j'aimerais que mon image en background soit au meme niveau que société.

voici le code du bloc ul :

#listesliens ul{
	margin:0px;
	padding:0px;
	margin-left:5px;}
#listesliens ul#retrait{list-style-position:outside}
#listesliens li{
	background:url(/images/icons/fleche_b_droite_small.jpg) no-repeat left top;
	padding-left:10px;}

Merci
Modifié par Joe Le Mort (22 Jan 2008 - 10:31)

Bonjour,

je suppose que tes "li" contiennet des "a" ?

Il serait a priori, + judicieux de définir la puce sur les a et non sur les li.

De la sorte, plus de questions d'alignement (enfin pas celle-ci).

Je ne sais pas si j'ai raison, mais en règle générale, les li ne recoivent pas de proriétés de look, juste les comportement de position (menu horiz - display: inline;- ou vertical display: block; , etc..)

sur le ul mets aussi list-style: none; et traitent les margin et padding en conséquence.

Merci de ta réponse elz64,

cependant, j'aimerais avoir la puce qui soit décalé du contenu du lien a.
comme l'image au dessus.
Si je met la puce sur le a, j'ai uniquement la premiere ligne avec la puce et la 2e ligne vient en dessous de celle ci.

lut essaies ceci :

#listesliens li {
	list-style-type:none;
	background-image:url('images/icons/fleche_b_droite_small.jpg');
 	background-repeat:no-repeat;
 	background-position:0% 2.98%; /*--- determine la position de ta puce  en % ou px (horizontal / vertical )--*/
 	padding-left:30px;
}

Modifié par flattazor (23 Jan 2008 - 14:51)