Problème avec a:hover

Rocksye -  
arthezius Messages postés 3756 Statut Membre -
Bonjour,

Voilà j'ai un petit problème je tente de faire changer de couleur le background de mes li mais a chaque fois il y a un contour qui reste de la meme couleur que mon bouton.

Css:

li.top {
display:inline;
padding:4.5px;
margin-left:4px;
width:110px;
text-align:center;
background-color:#D3D289;
}

div#topmenu a {
width:100px;
height:25px}

div#topmenu a:hover {
background-color:CCC}

Autre probleme dans mes categories a gauche je suis capable de le faire sans qu'il y ait de bordure mais quand je met un text-indent sur les nom de categories la couleur de fond de mon hover se tasse lui aussi.

J'attends vos réponses merci !

1 réponse

Réponse 1 / 1
arthezius Messages postés 3756 Statut Membre 475
 
C'est tout simple je pense.
Tu met une couleur sur le <li> et tu met le hover sur le <a>.
A priori le <li> est en soit plus grand que le <a>. Il doit contenir une marge je pense.

Donc soit tu met les deux background sur a et a:hover soit sur li et li:hover.
Toutefois, sauf erreur hover ne fonctionne sous IE que sur les <a>.

Sinon tu peux aussi tenter 
li:hover{background:none;}
0