Discussion :

[VITALTH]

Salut,
Mon problème doit être tout con je pense et surement un problème que je n'ai pas vu ailleurs mais bon peut être pourriez vous me guider pour la recherche de mon problème.

Voila j'ai du html avec un menu associé à une classe de stype menuClass.

Dans mon code css je veux que le lien du menu se mette en jaune lorsque la souris se positionne dessus.
Naivement mon code ressemble à

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
.menuClass a  {
  color:#E6E697; /* C'est un espèce de marron */
  text-decoration: none;
  font-family:Calisto MT;
  font-size:22pt;
  font-style:italic;
}
 
.menuClass a:hover {
  color:#FEF805; /* C'est du jaune */
}

Donc le truc bizarre c'est que sur un navigateur (Firefox) ça marche mais pas sur un autre (Chrome).
Après pour être tout à fait honnête je ne vous ai pas écrit le code entier (html et css) car il s'agit d'un template Joomla.
Et d'ailleurs dans ce template je n'ai pas du tout mis un menu mais une balise <jdoc:include > avec un module qui correspond à un menu Joomla.
J'ai fait deux templates comme ça. Il ne se ressemble pas mais le comportement sur le menu est le même. Sur l'un ça fonctionne mais pas sur l'autre sur chrome. Sur Firefox ça fonctionne sur les deux.

[VITALTH]

OK J'ai trouvé laissé tomber : j'avais aussi un a:visited. Visiblement celui ci était prioritaire. La couleur qui apparaissait était celle de mon a:visited.

Sur Chrome ça fonctionnait car c'est mon navigateur pas défaut. Et la page était affiché depuis un bon bout de temps et tous les menus avaient été sélectionnées. Sur Firefox je venais de l'afficher (c'est pour ça que j'avais l'impression que ça fonctionnait).

Visiblement le a:visited est prioritaire devant le a:hover.

[NoSmoking]

Bonjour,
l'ordre dans lequel sont faites les déclarations est également important.

[VITALTH]

OK Merci bon à savoir.