PB affichage menus déroulants sous Firefox

[lennynero256]

Bonjour,

Je rencontre le problème suivant : je suis en train de créer un site comportant plusieurs menus déroulants. Lorsque je passe la souris, les menus se déroulent correctement sous IE. Mais ils restent bloqués sous firefox. Je n'ai pas trouvé de topics concernant ce pb. Si vous en connaissez un, merci d'avance pour le lien. Ou mieux, avez vous la solution ? Que dois je modifier dans mon code :


<table cellspacing="0" cellpadding="0" width="793">
<tr>
<td width="5"></td>
<td width="120">
<div class="mainMenu" id="ID_elmenu1" onClick="javascript:window.location='pg000.html';" onMouseOver="popUp('elmenu1',event)" onMouseOut="popDown('elmenu1')" style="background-image: url('res/elmenu10.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elmenu2" onClick="javascript:window.location='pg005.html';" onMouseOver="popUp('elmenu2',event)" onMouseOut="popDown('elmenu2')" style="background-image: url('res/elmenu20.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elmenu3" onClick="javascript:window.location='pg008.html';" onMouseOver="popUp('elmenu3',event)" onMouseOut="popDown('elmenu3')" style="background-image: url('res/elmenu30.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elpage4" onClick="javascript:window.location='pg010.html';" onMouseOver="chgPageStl(1,4)" onMouseOut="chgPageStl(0,4)" style="background-image: url('res/elpage40.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elpage5" onClick="javascript:window.location='pg011.html';" onMouseOver="chgPageStl(1,5)" onMouseOut="chgPageStl(0,5)" style="background-image: url('res/elpage50.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elpage6" onClick="javascript:window.location='pg012.html';" onMouseOver="chgPageStl(1,6)" onMouseOut="chgPageStl(0,6)" style="background-image: url('res/elpage60.gif')"></div>
</td>
</tr>
</table>
<img src="res/elmenu11.gif" style="position:absolute; visibility:hidden">
<img src="res/elmenu21.gif" style="position:absolute; visibility:hidden">
<img src="res/elmenu31.gif" style="position:absolute; visibility:hidden">
<img src="res/elpage41.gif" style="position:absolute; visibility:hidden">
<img src="res/elpage51.gif" style="position:absolute; visibility:hidden">
<img src="res/elpage61.gif" style="position:absolute; visibility:hidden">


</td>
</tr>




Merci d'avance,

cordialement,

Lenny

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

[calimo]

Salut !

Déjà, évite de faire des liens par un "onClick" sur un div. Un lien se définit dans l'attribut href d'un élément a, et c'est valable aussi pour un menu déroulant (c'est un élément basique d'accessibilité, utiliser les balises qui existent, car tout le monde n'a pas nécessairement javascript activé et/ou ne peux pas forcément pointer et cliquer sur un élément (qui, en plus, ne peut même pas recevoir le focus dans une navigation avec la touche tab).

Aussi, n'utilise pas des tableaux pour faire de la mise en page. Ils sont prévus pour contenir des données, pour la mise en page, c'est le rôle des CSS

Ensuite, il faudrait voir le code du script. Tu dois certainement avoir des erreurs dans ta console javascript

Finalement, je te conseille d'utiliser le menu d'alsacréations qui est très bien : http://css.alsacreations.com/Constructi ... horizontal

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9