[résolu] Problème de li:hover

Bonjour

je suis en train de travailler sur ma barre de menu horizontale et je me trouve confronté à un soucis que vous pouvez visualiser sur mon blog de test

Sous FF pas de problèmes, comme d'habitude me direz vous, mais sous IE le :hover sur les li pour le remplacement d'image ne fonctionne pas.

Auriez-vous une idée d'où cela pourrais venir

Merci d'avance
Modifié par GuizBizet (22 Mar 2006 - 18:20)

IE ne prend en compte hover que sur <a>. Et rien d'autre.

Si tu veux un hover sur un élément de ta liste, transforme la ligne voulue en faux lien, ça te permettra de faire un effet au survol qui fonctionne dans les navigateurs IE.

Avec ça, je faisais un effet survol sur une image (purement décorative, pas d'intérêt pour un navigateur textuel) qui fonctionnait sous IE.

<a class="image" href="#" title=""></a>

a.image { 
     display: block;
     width: 774px;
     height: 35px;
     background-image: url(construction/barre_eteinte.gif) no-repeat;
     }
	 
a.image:hover {
     background-image: url(construction/barre_allumee.gif) no-repeat;
     } 

Au lieu de mettre une classe à ta liste, tu devrais essayer de faire ça sur le lien :

<li [#red]class="acc"[/#]><a href="/blog/index.php/" title="Aller à l'accueil">Accueil</a></li>

->

<li><a [#red]class="acc"[/#] href="/blog/index.php/" title="Aller à l'accueil">Accueil</a></li>

J'espère que ça fonctionnera !
Modifié par (22 Mar 2006 - 17:47)

Merci ça marche