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 : Tout sélectionner
.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%;
}
