Partage
  • Partager sur Facebook
  • Partager sur Twitter

rendre un menu déroulant

Sujet résolu
LudovicScribe
    20 mai 2006 à 9:33:05

    Bonjour,

    J'ai fais un petit menu que j'aimerais rendre déroulant sur deux niveaux, voici le code du menu:

    <!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 content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
    <title></title>


      <style type="text/css">
    body {
    background-color : #99ccff;
    font-variant: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica
    }
     
    #menu {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 150px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center;
    }

    .element_menu {
    BORDER-RIGHT: #2c485c 1px solid;
    BORDER-TOP: none;
    MARGIN: 0px;
    BORDER-LEFT: #2c485c 1px solid;
    BORDER-BOTTOM: #2c485c 1px solid;
    }

    #menu H5 {
    BORDER-RIGHT: #2c485c 1px dashed;
    BORDER-TOP: #2c485c 1px dashed;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #2c485c 1px dashed;
    COLOR: #2c485c;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #2c485c 1px dashed;
    HEIGHT: 22px;
    font-size: 18px;
    }

    #menu UL {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    }

    #menu A {
    padding-top: 3px;
    color: black;
    DISPLAY: block;
    HEIGHT: 20px;
    TEXT-DECORATION: none;
    }

    #menu A:hover {
    BACKGROUND: #66ccff;
    }

    #corps {
    BORDER-RIGHT: black 1px dashed;
    PADDING-RIGHT: 5px;
    BORDER-TOP: black 1px dashed;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 160px;
    BORDER-LEFT: #2c485c 1px dashed;
    WIDTH: auto;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: black 1px dashed;
    }
      </style>
    </head>

    <body>

    <div id="menu">
    <h5>test</h5>

    <div class="element_menu">
    <ul>

      <li><a href="http://dopo-irc.com/" onmouseover="javascript:montre(smenu1);">Menu 1</a> </li>
      <li><a href="http://dopo-irc.com/">Menu 2</a> </li>
      <li><a href="http://dopo-irc.com/">Menu 3</a> </li>
      <li><a href="http://dopo-irc.com/">Menu 4</a> </li>

    </ul>

    </div>
    </div>

    </body>

    </html>


    J'ai été voir sur alsacreation mais leur menu n'est pas déroulant comme je veux (je veux comme sur epiknet.org), comment faire ???

    Merci d'avance pour vos réponses !!!
    • Partager sur Facebook
    • Partager sur Twitter

    rendre un 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