OnMouseOver incompatible avec IE7 ?
MuronY
Messages postés
47
Statut
Membre
-
MuronY Messages postés 47 Statut Membre -
MuronY Messages postés 47 Statut Membre -
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
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
Configuration: Windows XP Internet Explorer 7.0
1 réponse
-
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
