Bonjour,
Je viens de créer un menu deroulant avec java script.
Le probleme c'est que il change de position quand on change de navigateur(2mm), sufisant pour decaler mon image.
Au niveau de fonctions il marche trés bien avec Internet Explorer, mais avec Firefox il bloque et il ne fonctione pas normalement.
Voila l'adresse ou se trouve le menu. Il se deroule quand nous passons le sourri sur promotion:
http://www.lfl.fr/Site_2/promotion.html
Mon script:
1.
<script type="text/javascript">
function afficher(nom){
document.getElementById(nom).style.display="block";
}
function supprimer(nom){
document.getElementById(nom).style.display="none";
}
</script>
2.
#D_MAIN { /* concerne le DIV general */
position : absolute;
width : 939px;
left : 50%; /* centre le DIV a l'ecran */
margin-left : -470px; /* c'est la moitie de la largeur du DIV */
border : 0px;
}
#menu{
position : absolute;
z-index : 1000;
top : 151px;
width : 124px;
left : 145px;
margin-left : 20px;
}
.onglet{
postion:relative;
float:left;
}
#promotion{
display:none;
background:#FFFFFF;
width:124px;
img {
display : block; /* pour eviter le blanc entre les images */
}
3.
<div id="D_MAIN">
<div id="menu">
<div class="onglet"
onmouseover="afficher('promotion')";
onmouseout= "supprimer('promotion')";>
<img src="m_01_a/menu/image_menu.jpg" border="0"/><div id="promotion"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="621" height="80" id="bouton5" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.lfl.fr/Site_2/bouton5.swf" /><param name="quality" value="best" /><param name="scale" value="noborder" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.lfl.fr/Site_2/bouton5.swf" quality="best" scale="noborder" bgcolor="#ffffff" width="621" height="80" name="bouton5" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div></div>
</div>
Merci beaucoup pour votre aide.
