[RESOLU] Classe de menu

Bonjour,

J'ai un menu avec des boutons (whaaa!) et je voudrai: une couleur par défaut, une couleur quand on passe dessus, et une couleur quand il s'agit du bouton sélectionné.

Mon problème se situe uniquement pour le bouton sélectionné: j'ai un code qui marche avec des balises div "id", mais il ne marche plus avec les balises div "class". Or je veux utiliser les classes pour respecter le W3C. Comment faire?

Code avec "id":

.menu a {
 color: green;
}

.menu a:hover {
 color:red;
}

.menu #selected a {
 color:blue; 
}

Code avec "class":

#menu a {
 color: green;
}

#menu a:hover {
 color:red;
}

#menu #selected a {
 color:blue; 
}

Pourquoi le "#menu #selected a" ne marche pas?

Merci,

Flashball
Modifié par Flashball (10 Jan 2007 - 18:25)

Salut!

Est-ce qu'on peut avoir le morceau de code html qui va avec ? Là, tu as inversé class & id, et tu as donné 2 id à un même élément, alors que celui-ci doit être unique sur la page & pour chaque élément.

Hum, je me suis un peu embrouillé, ca m'apprendra à copier/coller bêtement du code...

Il s'agissait tout bêtement de mettre "current" et pas "selected" vu que c'est l'id "current" que j'ai utilisé...

Code de la liste, pour les archives:

<ul id="menu">
  <li class="current"><a href="./index.html">Accueil</a></li>
  <li><a href="./lasuite.html">Suite</a></li>
</ul>

Promis, je réléchis un peu plus afin de poster la prochaine fois!