Salut tout le monde!
Après avoir bien galérer pour mettre en place un menu déroulant en css (je suis débutant) je voudrais faire en sorte qu'une seule case de ce menu prenne en charge une image de fond en temps normal et la même image mais d'une couleur différente lors du passage de la souris.
Je vous met ici un bout de code que j'ai essayé mais qui ne marche pas.
en html j'ai donné un nom de class à la "case" en question
Code :
- <div id="menu">
- <ul class="niveau1">
- <li ><a href="">nom1</a></li>
- <li ><a href="">nom2</a>
- <ul>
- <li><a href="">nom2.1</a></li>
- <li class="fond"><a href="">nom2.2</a></li>
- </ul>
- </li>
- <li><a href="">nom3</a></li>
- </ul>
- </div>
|
Et je veux changer le li fond seulement en conservant le nom "nom2.2" mais avec une image à côté de la même couleur de la police sans le hover et la même image qui change de couleur lors du hover tout comme la police.
J'ai donc essayé ceci en CSS sans grand succès.
Code :
- ul li.fond
- {background: url(http://imageblanche.png) no-repeat; position:absolute;
- }
- ul li.fond:hover
- {background: url(http://imagenoir.png) no-repeat; position:absolute;
- }
|
Rien ne s'affiche. Est ce que quelqu'un aurait une petite idée.? Merci d'avance !
