[Résolu] I.Explorer ne comprend pas plusieurs décos de a:href ???

Salut à tous !!

Alors j'ai un piti probleme tout bete. J'ai fait des aspects de "boite" pour mes liens ...
Bon pour vous rendre compte regardez (sous firefox) http://galilandt.free.fr/

Donc dans le menu de gauche, lors du survol des rubrique, vous voyez une boite grise qui apparait et c nikel. Mais sous ie, le probleme est qu'il n'enregistre, a mon avis, que l'aspect de "a" et donc on ne voit pas la différence lors du survol.

Regardez les codes c'est plus simple.

le css du menu :

#menu_gauche h1
{
display: block;
height: 15px;
width: 160px;
margin-left: 5px;
font-size: 12px;
font-weight: bold;
}

#menu_gauche a.bouton
{
display: block;
margin: 0px;
margin-left: 5px;
width: 165px;
height: 15px;
background-color: #CEDFFF;
border: 1px solid #CEDFFF;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #000000;
}

#menu_gauche a.bouton:hover
{
display: block;
margin: 0px;
margin-left: 5px;
width: 165px;
height: 15px;
background-color: #F1F1F1;
border: 1px solid #CCCCCC;
color: #000000;
font-size: 10px;
font-weight: normal;
text-decoration: none;
}

#menu_gauche a.bouton:visited
{
display: block;
margin-left: 5px;
width: 165px;
height: 15px;
background-color: #CEDFFF;
border: 1px solid #CEDFFF;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #000000;
}

et un exemple du html :

<h1>Logiciels</h1>
<a href="cible.html" class="bouton">BuddiesWorld</a>
<a href="cible.html" class="bouton">Chi-Fou-Mi</a>
<a href="cible.html" class="bouton">PhotoEngine</a>

Voila si vous savez d'ou vient le probleme

Salut,

Essaye en faisant la modif suivante :
#menu_gauche a.bouton devient
#menu_gauche a.bouton:link, #menu_gauche a.bouton:visited

lut

Sur IE6 je vois bien ton menu se griser au passage de la souris

je pense que le problème vient du fait que ses liens sont déjà cliqués, donc visités, et IE peut avoir des problèmes si on ne lui déclare pas explicitement le visited

Si c'est le cas essaye de déclarer des adresses différentes pour chacun de tes liens

merci de votre aide masi j'avais fini par trouver la solution, ie lis ds lordre :S
J'ai déplacé a.hover en bas et c'est bon

Vraiment etrange ie ki mem
Modifié par galinette (09 Mar 2005 - 18:58)

L'ordre tel qu'il est défini dans les spécifications :

1- link
2- visited
3- hover
4- active

Pour mémoire : "LoVe HAte"

W3C a écrit :
A:link { color: red } /* lien non-visité */
A:visited { color: blue } /* lien visité */
A:hover { color: yellow } /* lien survolé */
A:active { color: lime } /* lien activé */

Noter que la règle A:hover doit être placé après A:link et A:visited, autrement les règles de cascade feront que la propriété 'color' spécifiée par celle-ci sera cachée. De la même façon, comme la règle A:active est placée après A:hover, la couleur spécifiée par celle-ci (lime) sera appliquée quand l'utilisateur active et survole l'élément A.

Modifié par Raphael (09 Mar 2005 - 19:10)

"love hate" robert mitchum dans la nuit du chasseur un régal donc un moyen de m'en souvenir facilement.

merci!