18041 sujets

Questions générales et questions de débutants

Menu déroulant widget spry ne s'affiche pas sous IE9

Bonjour à tous,
Je développe un site web pour ma compagne avec dreamweaver CS4.
Tout se passe bien sauf pour mon menu déroulant qui ne s'affiche correctement que sous firefox et safari. Sous IE9, mes sous menus n'apparaîssent pas! Smiley fache
Pour la méthode utilisée, j'ai fait une insertion spry de menu horizontal (widget spry).
Il semble que beaucoup de personnes ont déjà dû faire face à ce souci si on en croit le web mais je n'ai trouvé aucune réponse concrète pour atteindre une solution! Smiley bawling
Merci pour votre aide!
Voici ci-dessous un exemple simple de ce code pour ce menu déroulant.
En le testant sous IE9 pas de sous-menus qui apparaît, avec firefox et safari, no problem Smiley biggol

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test menu déroulant</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #06F;
}
-->
</style></head>

<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Elément 1</a>
<ul>
<li><a href="#">Elément 1.1</a></li>
<li><a href="#">Elément 1.2</a></li>
<li><a href="#">Elément 1.3</a></li>
</ul>
</li>
<li><a href="#">Elément 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Elément 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Elément 3.1</a>
<ul>
<li><a href="#">Elément 3.1.1</a></li>
<li><a href="#">Elément 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Elément 3.2</a></li>
<li><a href="#">Elément 3.3</a></li>
</ul>
</li>
<li><a href="#">Elément 4</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à