Partage
  • Partager sur Facebook
  • Partager sur Twitter

Menu déroulant

comment faire pour que le menu se déroule par dessus la page.

sgule
    29 mars 2006 à 12:28:22

    Bonjour,
    Je souhaite mettre un menu déroulant en haut de mes pages HTML afin de pouvoir naviguer plus facilement sur le site.
    J'ai trouvé un code tout simple, qui me convient (je ne suis pas encore très douée), mais le problème, c'est que lorsque je suis sur ce menu qui déroule, ma page descend en même temps, ce n'est donc pas très esthétique...
    Comment faire que le menu passe par dessus la page...
    J'imagine qu'il faut un code particulier...

    Je vous donne mon script.... Merci de bien vouloir m'aider.
    Sgule

    <body><div id="menu">
    <dl>

    <dt onmouseover="javascript:montre('smenu1');">Afrique</dt>
    <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
    <ul>
    <li><a href="#">Prochainement</a></li>
    </ul>
    </dd>
    </dl>

    <dl>
    <dt onmouseover="javascript:montre('smenu2');">Amériques</dt>

    <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
    <ul>
    <li><a href="#">Hawai</a></li>
    <li><a href="#">Californie</a></li>
    <li><a href="#">Bolivie</a></li>
    <li><a href="#">Pérou</a></li>
    <li><a href="#">Vénézuela</a></li>
    </ul>
    </dd>
    </dl>


    <dl>
    <dt onmouseover="javascript:montre('smenu3');">Asie</dt>

    <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
    <ul>
    <li><a href="beijing_menu.html#">Chine</a></li>
    <li><a href="seoul.html#">Corée</a></li>
    <li><a href="#">Vietnam</a></li>
    <li><a href="#">Indonésie</a></li>
    <li><a href="#">Cambodge</a></li>
    </ul>

    </dd>
    </dl>

    <dl>
    <dt onmouseover="javascript:montre('smenu4');">Europe</dt>
    <dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
    <ul>

    <li><a href="#">Espagne</a></li>

    </ul>

    </dd>
    </dl>

    <dl>
    <dt onmouseover="javascript:montre('smenu5');">Océanie</dt>
    <dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre('');">
    <ul>

    <li><a href="#">Australie</a></li>
    <li><a href="#">Nouvelle-Zélande</a></li>

    </ul>
    </dd>
    </dl>
    • Partager sur Facebook
    • Partager sur Twitter

    Menu déroulant

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur ●
    • Markdown