Voilà, je suis entrain de refaire le site web de ma compagnie et je veux mettre en place des menus avec sous menu. Jusque là, rien de bien sorcier. Voici le code pour le menu :
Code :
<div onmouseover="displayMenu31()" onmouseout="hideMenu31()">
<img name="services" src="images/herakles_09.jpg" width="123" height="23" alt="" border="0" class="services">
<div id='ID_MENU31' class="services" style="visibility: hidden">
<a href="deptel.html" class="menu">Dépannage téléphonique</a><br />
<a href="deptel.html" class="menu">Dépannage sur place</a>
</div>
</div>
Et la fonction qu'il appelle :
Code :
// FONCTIONS POUR IMAGES MULTI
function displayMenu31()
{
if (navigator.appName=='Microsoft Internet Explorer')
{
document.all.ID_MENU31.style.visibility='visible';
}
else
{
document.getElementById('ID_MENU31').style.visibility='visible';
}
}
Cela marche très bien sous Konqueror, IE mais pas sous Firefox. Le problème est étrange. Le menu apparait bien sauf que le problème, c'est que le sous menu passe par dessus mon texte central qui est dans un autre div. Or, quand je promème ma souris sur mon sous menu, lorsque j'arrive ou débute la limite du div de mon texte, le code reagit comme si j'avais retirer ma souris, et cela uniquement sous Firefox. Avez vous une idée du problème ?