Se connecter avec
S'enregistrer | Connectez-vous

[Résolu] CSS : changement d'image , passage souris

Dernière réponse : dans Programmation
Expert Programmation

Bonjour,

Sur mon site : ici, dans les menus a gauche il y a une puce associée à chaque lien, je voudrais qu'au passage de la souris sur les liens , l'image change, tous ça en utilisant uniquement du css/html.

J'ai fais des essais et je n'arrive pas , dans le code ci-dessous il m'affiche dans tous les cas l'image : "puceoff.png" :


  1. #menuG  li#lien, a:hover {
    

  2.  
  3. 	list-style-image: url(./Theme/puceon.png);
    

  4. 	margin-left:10px;
    

  5.  
  6. }
    

  7.  
  8. #menuG  li#lien , a{
    

  9.  
  10. 	list-style-image: url(./Theme/puceoff.png);
    

  11. 	margin-left:10px;
    

  12.  
  13. }


  1. <div id="menuG">
    

  2. <div class="forum"></div>
    

  3.  
  4. <ul id="lien">
    

  5. <li id="lien"><a href="#">Accueil</a></li>
    

  6. <li id="lien"><a href="#">Se connecter</a></li>
    

  7. <li id="lien"><a href="#">S'inscrire</a></li>
    

  8. <li id="lien"><a href="#">Membres</a></li>
    

  9. </ul>
    

  10.  
  11. </div>

Autres pages sur : resolu css changement image passage souris

Lassé par la pub ? Créez un compte
Expert Programmation

J'ai trouver la solution, pour ceux qui on le même problème :

Voici le bon code à mettre par rapport à mon exemple: 

  1. #menuG  li#lien:hover {
    

  2.  
  3. 	list-style-image: url(./Theme/puceon.png);
    

  4. 	margin-left:6px;
    

  5.  
  6. }
    

  7.  
  8. #menuG  li#lien{
    

  9.  
  10. 	list-style-image: url(./Theme/puceoff.png);
    

  11. 	margin-left:6px;
    

  12.  
  13. }

Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde