[résolu]Placement avec la balise ul

Bonjour

Dans le menu de gauche à la page http://www.pasaj.ch/district-rubrique116.html, j'ai une mise en page avec des listes. Tout va bien du moment que je reste sur une ligne. Dès que je suis sur 2, j'ai un décallage (voir "Messes Autrement"). Normal me direz-vous puisque text-indent ne concerne que la 1ère ligne.

Comment avoir le tout aligner comme il faut? C'est sûrement simple...

<ul class="menuListe">
<li><a href="http://www.pasaj.ch/district-rubrique116.html" style="text-indent:17px">Messes Autrement</a> </li>
</ul>

.menuListe a{
	margin: 0px 0px 0px 33px;
	padding:0px;
	display: block;
	text-decoration: none;
	text-indent: 17px;
	background-image:url(/squelettes/images-structure/puce3.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 13px;
	font-weight: bold;
	font-size: 11px;
}

.menuListe a:hover{
	background-image:url(/squelettes/images-structure/puce2.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
}

Merci de l'aide!
Modifié par pbpub (25 Jan 2007 - 16:39)

Bonjour,

Et bien, tu as plusieurs solutions, une des plus évidentes reste néenmoins l'attribut d'une marge négative (ou d'un padding éventuellement) sur l'ensemble de tes éléments de liste "li". Il faudra du coup supprimer ce text-indent, qui par ailleurs, n'est pas vraiment fait pour ça...

Cordialement,
Benjamin

Merci!

Malheureusement, cela ne change pas le problème, mais je n'ai pas du comprendre quelque chose.

Voir ici: www.bregnard.org

tu appliques à .menuListe a un padding-left:17px à la place du text-indent, ça devrais fonctionner

1000 merci!

EXTRA!!!!!!