Problème d'affichage d'image en hover dans une liste

Problème d'affichage d'image en hover dans une liste - HTML/CSS - Programmation

Marsh Posté le 11-04-2011 à 10:25:30    

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 :
  1. <div id="menu">
  2. <ul class="niveau1">
  3. <li ><a href="">nom1</a></li>
  4. <li ><a href="">nom2</a>
  5. <ul>
  6. <li><a href="">nom2.1</a></li>
  7. <li class="fond"><a href="">nom2.2</a></li>
  8. </ul>
  9. </li>
  10. <li><a href="">nom3</a></li>
  11. </ul>
  12. </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 :
  1. ul li.fond
  2. {background: url(http://imageblanche.png) no-repeat; position:absolute;
  3. }
  5. ul li.fond:hover
  6. {background: url(http://imagenoir.png) no-repeat; position:absolute;
  7. }


 
Rien ne s'affiche. Est ce que quelqu'un aurait une petite idée.? Merci d'avance !

Reply

Marsh Posté le 11-04-2011 à 10:25:30   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed