Votre question

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

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
3 Janvier 2010 22:39:51

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

4 Janvier 2010 11:34:21

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. }

m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS