Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2448 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2069213
Bilordi
Posté le 11-04-2011 à 10:25:30  profilanswer
 

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. }
  4. ul li.fond:hover
  5. {background: url(http://imagenoir.png) no-repeat; position:absolute;
  6. }


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

mood
Publicité
Posté le 11-04-2011 à 10:25:30  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Problème avec une HashMap en JavaCompiler avec csc un projet contenant une image
Centrer une image sur DREAMWEAVER CS5python & Mac OS X : problème pour lancer un module [résolu]
Problème compatibilité Flash/IESécurité pour forcer le téléchargement d'une image
[SPIP] - abonnés à aucune liste : comment les abonner ?Problème mis en place d'un système de paiement CB
Modifier le css background-image avec JavascriptListe de valeurs en pl/sql
Plus de sujets relatifs à : Problème d'affichage d'image en hover dans une liste


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR