OnMouseOver incompatible avec IE7 ?

Fermé
MuronY Messages postés 47 Date d'inscription vendredi 18 mai 2007 Statut Membre Dernière intervention 27 août 2008 - 20 mai 2008 à 11:52
MuronY Messages postés 47 Date d'inscription vendredi 18 mai 2007 Statut Membre Dernière intervention 27 août 2008 - 21 mai 2008 à 09:31
Bonjour,

Je souhaite créer un menu avec la fonction OnMouseOver Hélas IE joue encore avec mes nerfs : s

en effet voila le code (qui soit dit en passant marche trés bien avec firefox : x )

<A HREF="#" onMouseOver="img1.src='images/menu/ES2.jpg'"
onMouseOut="img1.src='images/menu/ES.jpg'" border=0>
<IMG NAME="img1" border=0 src="images/menu/ES.jpg" onLoad="tempImg=new Image(o,o);
tempImg.src='images/menu/ES2.jpg'"></A>

quelqu'un aurait il une solution pour que ce maudit OnMouseOver fonctionne sous IE7 ? : s

Merci d'avance

1 réponse

MuronY Messages postés 47 Date d'inscription vendredi 18 mai 2007 Statut Membre Dernière intervention 27 août 2008 1
21 mai 2008 à 09:31
Bon ben je remercie le forum qui a était super sympa de m'aider : )
Pour les fénéants (ou les interressés : x ) je met la solution :
un peu de CSS pour commencer a placer entre les balises <HEAD>
ou dans un fichier style.css au choix

.colces
{
width:100%; /*a mettre soit en % soit en px selon les besoins*/
height:100%;/*a mettre soit en % soit en px selon les besoins*/
text-decoration:none;
color:white;
background-image:url(images/menu/ES1.jpg);
}
.colces:hover
{
width:100%;/*a mettre soit en % soit en px selon les besoins*/
height:100%;/*a mettre soit en % soit en px selon les besoins*/
text-decoration:none;
color:white;
background-image:url(images/menu/ES2.jpg);
}

Puis le code html :

<table border=0 width=800 height=35 cellspacing=0 cellpadding=0>
<tr>
<td width=124 class="colces"><a class="colces" href="es.php"> </a>
</td>
</tr>
</table>

Ainsi au passage de la souris, l'image changera : )
Je n'ai pas testé sous firefox mais sous IE7 cela fonctionne parfaitement
0