Justement j'ai regarder ses menus déroulants mais je n'arrive pas du tout a l'adapter a mon code :/

Il y a bien des exemples de menu déroulant JS sur alascreations, non ?

Je me doute, et étant donner que je connais rien au JS et que j'ai regarder sur les tutoriaux et je n'arrive pas à l'adapter.

Donc la je suis perdu ensuite :/

Dans ta CSS, tu as "li:hover", or IE n'implémente la métaclasse :hover que sur les <a> :?

Et là, a part un code JS, je ne connais pas de remede miracle :oops:

Bonjour à tous,
il se trouve qu'on m'a déjà aider sur ce forum et je vous en remercie.

Je reviens pour un autre probleme qui demande votre aide.

Je réalise un site qui a besoin d'un menu vertical. Le menu en lui meme fonctionne parfaitement sous FireFox mais pas sur Internet Explorer. J'ai fait quelques recherches concernant les menus verticaux avec JavaScript pour Internet Explorer mais je n'arrive pas à les adapter. C'est donc pour ça que je vous demande votre assistance. J'ai essayer d'adapter le menu par rapport au site [url]http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal[/url]. Mais toujours le meme probleme. C'est donc pour ça que je vous demande un peu de votre temps en vous remerciant d'avance. Cela fait 2 jours que je suis dessus.


Voici le code de mon menu dans la page en question.
[code] <div id="menuSom">
<ul id="menuDer" name="menuDer">
<li style="width: 120px;"><a href="index.php?p=news">Actualit&eacute;s</a></li>
<li class="sep"> | </li>
<li style="width: 120px;">CER-SWG
<ul class="ssmenu" id="ssmenu">
<li><a href="">Présentation</a></li>
<li><a href="">Charte</a></li>
<li><a href="">Règles</a></li>
<li><a href="index.php?p=membres">Membres</a></li>
<li><a href="index.php?p=candidature">Rejoindre la guilde</a></li>
<li><? if (session_is_registered("log_id")) { ?><a href="index.php?p=holonet">Système Holonet</a><? } else { ?><a href="index.php?p=login">Système Holonet</a><? } ?></li>
</ul>
</li>
<li class="sep"> | </li>
<li style="width: 120px;">Roleplay
<ul class="ssmenu">
<li><a href="">Histoire de la CER</a></li>
<li><a href="">Journal de bord</a></li>
</ul>
</li>
<li class="sep"> | </li>
<li style="width: 120px;">Events
<ul class="ssmenu">
<li><a href="">Events à venir</a></li>
<li><a href="">Historique des events</a></li>
<li><a href="">Proposer un event</a></li>
<li><a href="">Participer à un event</a></li>
</ul>
</li>
<li class="sep"> | </li>
<li style="width: 120px;">M&eacute;dias
<ul class="ssmenu">
<li><a href="">Screenshots</a></li>
<li><a href="">Vidéos</a></li>
</ul>
</li>
<li class="sep"> | </li>
<li style="width: 120px;"><a href="http://cer-swg.com/forums" target="_blank">Forums</a></li>
</ul>
</div>[/code]

Voici le code CSS par rapport au menu :
[code]/* Menu */
#menuSom { color: #FFF; background: #000; text-align: center; height: 19px; line-height: 19px; padding: 0px 20px; font-weight: bold; position: relative; }

#menuSom .sep { /* Sépération entre les choix du menu sur la ligne 1 */ width: 12px; }

#menuSom a,a:hover { color: #000; text-decoration: none; }

#menuDer { list-style-type: none; margin: 0; padding: 0; border: 0; position: absolute; top: 0; left: 0; z-index: 20; margin: 0px 25px; }
#menuDer li { float: left; width: 120px; margin: 0; padding: 0; }
#menuDer li a:link, #menuDer li a:visited { height: auto; color: #FFF; margin: 0; padding: 4px 6px; text-decoration: none; }

#menuDer .ssmenu { display: none; list-style-type: none; margin: 0; padding: 0; }

#menuDer .ssmenu li a:link, #menuDeroulant .ssmenu li a:visited { display: block; background: #b3afa5; color: #000; margin: 0; width: 150px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; text-decoration: none; text-align: left; }

#menuDer .ssmenu li a:hover { background-color: #A29D8F; }

#menuDer li ul .ssmenu { display: none; }
#menuDer li:hover > .ssmenu { display: block; }
[/code]