Discussion :

[renaud26]

Bonjour à tous,

Voici un extrait de mon fichier css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
a:link {text-decoration: none;  color: #4b0580;}
a:visited {text-decoration: none;  color: #4b0580;}
a:hover {text-decoration: underline ; color:#CC0000;}  
 
a.menu:link{text-decoration: underline;color:#F00; font-size:11px; font-family:Verdana}
a.menu:visited {text-decoration: underline;color:#F00; font-size:11px; font-family:Verdana}
a.menu:active {text-decoration: underline ;color:#F00; font-size:11px; font-family:Verdana}  
a.menu:hover {text-decoration: underline ;color:#F00; font-size:11px; font-family:Verdana}

La classe "menu" s'applique bien, sauf underline (testé avec overline, idem). Y-a-t-il une contradiction ? Une truc qui cloche dans mon code ?
Merci de vos conseils.

[Atomya Rise]

Effectivement, ton css à l'air correct... c'est assez bizarre....

N'y aurait il pas du css déclaré plus bas qui remplacerais celui-ci ?
Normalement, là, le text-decoration devrait au moins s'effectuer sur les lien hover, puisque l'underline est déclaré dans le lien normal...
Peux-tu nous montrer ta partie html tout de même ?

Par contre, je vois que tu n'as pas déclaré le lien lui même... Tu utilises link, mais la pseudo-classe :link est utilisée pour les liens menant aux pages que l'utilisateur n'a pas visitées, je pense qu'il faudrait que tu ajoutes le lien seul aussi.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
a {text-decoration: none;  color: #4b0580;}
a.menu{text-decoration: underline;color:#F00; font-size:11px; font-family:Verdana}

[Muchos]

@Atomya Rise : +1 pour le code html, mais pas convaincu par l'absence de déclaration pour "a". La chaîne "link visited hover active" devrait suffire...

@renaud26 : Testé chez moi sous FF12, ton code fonctionne parfaitement.

Essaye peut-être en mettant une syntaxe plus juste, sans espace après 'underline' notamment :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

a:hover {text-decoration: underline; color: #CC0000;}

PS: J'imagine que ce devrait être

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

a.menu:link {text-decoration: none;…

[renaud26]

Merci de vos réponses qui m'ont bien éclairé !
Effectivement, plus bas dans la feuille de style, une autre règle, basée sur des ID venait contredire celle des liens...
Bonne journée à tous.