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 http://css.alsacreations.com/Constructi ... horizontal. 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 : Tout sélectionner
<div id="menuSom">
<ul id="menuDer" name="menuDer">
<li style="width: 120px;"><a href="index.php?p=news">Actualité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é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 : Tout sélectionner
/* 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; }
