En effet, cela venait bien du padding des balises [i]li a[/i].

Merci bien [b]Cyrano[/b] ;)

--

Alors rajoute encore un padding: 0 pour le même élément ([i]li a {[/i] )

J'ai rajouté un line-height sur les balises [i]li a[/i], et [i]li a:hover[/i]...
J'ai mis une copie d'écran pour illustrer:
[img]http://ivan.rami.free.fr/pb_menu.png[/img]

Ca fait un petit moment que je me prends la tête dessus, je ne vois pas ce que je fais mal...

met un line_height sur le "a" aussi
[code]li a {
line-height: 20px;
/* etc... */
}[/code]

Bonjour,

J'ai un petit soucis pour gérer la hauteur des lignes de mes listes. Je m'explique: j'ai une liste dont chaque élément a une image de fond qui change quand on passe dessus. Le problème est que je n'arrive pas à fixer la hauteur de la ligne, ce qui fait que les images sont coupées en haut et en bas.

Voici mon code:

[code]

.menu{
...

}

.menu li{
margin:0px;
padding:0px;
padding-left:10px;
padding-bottom:2px;
list-style-image:none;
line-height:20px;
}

.menu li a{
color:black;
font-size:0.9em;
padding-left:18px;
background-image:url(../images/16/ledorange.png);
background-repeat:no-repeat;
background-position: 0 50%;
}

.menu li a:hover {
color:red;
padding-left: 18px;
background-image:url(../images/16/ledyellow.png);
background-repeat:no-repeat;
background-position: 0 50%;
}[/code]

Merci bien ;)