Liens CSS

[Anonyme]

Voilà le topo :
J'utilise des CSS pour des liens :

a:link {
background-image : url(images/fondmenu.jpg);
text-decoration : none;
padding : 3px 15px;
color : #000000;
font-size : 10px;
border-style : solid;
border-width : 1px;
border-color : #cccccc;
margin : 3px;
}
a:hover {
background-color : #ffffff;
padding : 3px 15px;
color : #000000;
font-size : 10px;
border-style : solid;
border-width : 1px;
border-color : #cccccc;
border-bottom-color : #ffffff;
margin : 3px;
}

Le liens normal a comme fond une image (degradé) et le liens actif a normalement comme fond du blanc, mais le blém, c'est que le liens actif a comme fond l'image du liens normal

:eek: :affraid: :eek: :affraid:

Quelqu'un peut m'aider ?
merci

 

[molgow]

Il me semble (mais j'en suis vraiment pas sûr) que ton problème vient de la même mauvaise compréhension dont on parle ici (un sujet créé par toi-même d'ailleurs).

Donc, je proposerais de rajouter background-image:none; dans le a:hover { ... }. Redis nous si ça marche.

 

[Anonyme]

YES !! ça marche, merci !!
En fait si j'ai bien compris, il faut préciser même quand la valeur est none
merci encore et j'y retiendrais cette fois

 

[molgow]

Ben comme L33T l'expliquait ici, il interpréte les a:... du dernier au premier. Donc j'imagine que lorsque tu survoles un lien, il regarde d'abord l'image de fond dans le a:hover, il n'en trouve pas, et donc il regarde dans la hiérarchie au niveau supérieur, et il trouve un fond avec a:link. Je sais pas si c'est la bonne explication, mais il me semble que ça se tient.

 

[Anonyme]

Ouais ça doit être ça :zen:
merci encore