Bonjour,
Je construit un site ou des noms apparaissent dynamiquement dans des blocs. Je tente de gérer tout en CSS… pas de tableaux, et le maximum de chose sont gérées par les styles.. mais depuis 2 jours je lutte contre les différences de comportements entre IE et FX…
Voici mon probleme :
Des liens contiennent des div ( c’est la solution que j’ai choisi pour gérer les hover sur ces div :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| a.Nomillu #CaseNom{
position:relative;
vertical-align:bottom;
width:168px;
height:20px;
text-align:center;
font-size:8pt;
color:#CCC;
float:left;
text-decoration:none;
padding: 5px 0 0 0;
margin: 0 6px 5px 0;
border: 1px solid #CCC;
}
a:hover.Nomillu #CaseNom{
background-image:url(../images/commun/fonf_illu.gif);
text-decoration:none;
color:#FFF;
} |
Sur FX tout est impec, au survol de la souris mes div changent d’ascpect et redeviennent normal ensuite…
MAIS sous IE, une fois que le style passe en etat « hover », il y reste…
J’ajoute aussi mon code html :
<a href="illu2.php" class="Nomillu"><div id="CaseNom">TOTO</div></a>
je suis vraiment bloqué la dessus…si quelqu'un a une piste… ou des remarques ou suggestion sur cette façon de précéder... merci d'avance
Jérôme
Partager