Liens -> class principale et sous class

Petit nouveau ! | 2 Messages

10 avr. 2009, 17:01

Bonjour,

Je ne sais pas si je m'exprime bien dans mon titre mais voilà mon problème.
Dans ma feuille css, j'ai définis des attributs pour l'apparence de mes liens en général sur mon site
a
a:hover
a:visited
a:active

Ensuite j'ai également fais des classes pour les différents liens de mes menus du genre

a.menu
a.menu:hover
a.menu:visited
a.menu:active

Le seul problème c'est que sous Firefox je n'ai aucun problème le navigateur prend toujours la class que je lui donne pour l'apparence des liens.
Par contre sous IE si je clic sur un lien, il reprend l'apparence pour les liens généraux

Et si dans ma feuille CSS je supprime tous les attributs des liens généraux ça me fait le bon choix d'apparence.

Voilà le site en question http://www.cafe-du-soleil.ch/new/index.php

Mon but étant que mes liens s'affichent correctement dans IE de la même manière que dans Firefox

Si vous pouviez me dire se que je fais faux dans ma manière de faire!

Merci d'avance

Mammouth du PHP | 1339 Messages

10 avr. 2009, 18:51

Simple (je pense :))

a:hover {
color: #f00;
}

a.menu:hover {
color: #ff0 !important;
}

Et sinon :

.menu a:hover {
color: #ff0;
}

avec <span class="menu"><a href="#"></a></span>
Bon sinon tu me fais un message privé et on se fait un TeamViewer

Petit nouveau ! | 2 Messages

10 avr. 2009, 19:49

Merci ça fonctionne nickel avec !important
Je ne connaissais pas cette "règle" mais elle est bien pratique.

Mammouth du PHP | 2937 Messages

11 avr. 2009, 12:01

Puisque tu utilises à la fois les pseudo-classes :hover, :active et :visited, n'oublie pas qu'elles ont (avec la pseudo-classe :link) un ordre de déclaration bien précis en CSS :
  1. :link,
  2. :visited,
  3. :hover,
  4. :active.
Pour s'en souvenir, il suffit de connaître la règle mnémotechnique suivante : love-hate. ;)