Menu déroulant vertical dynamique

Julia -  
 timmy -
Bonsoir,

Je souhaiterais intégrer un menu déroulant vertical dynamique avec sous menus dans mon site.

J'ai beaucoup cherché, testé un grand nombre de codes mais aucun ne convient, ils restent tous figés :s

En fait, je recherche à donner l'aspect de ce menu http://www.intersport.fr/e-commerce/control/main mais en vertical.

Je réalise mon site sur Publisher et j'édite en HTML.

Y'aurait-il quelqu'un qui serait prêt à prendre un peu de temps pour m'aider?

Merci.

Julia
Configuration: Windows XP
Internet Explorer 7.0

26 réponses

  • 1
  • 2
  1. timmy
     
    Bonsoir
    Quelqu'un pourrait m'envoyer un code source en html concernant le menu déroulant vertical dynamique . Merci infiniment
    2
  2. Julia
     
    Re,

    j'ai trouvé un menu déroulant qui fonctionne, par contre il se déroule vers le bas et souhaite qu'il se déroule vers la droite, je sais qu'il faut que j'intègre direction:"right" mais je ne sais pas ou. Voici le code

    <head> <script type="text/javascript">
    <!--
    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
    for (var i = 1; i<=10; i++) {
    if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
    }
    if (d) {d.style.display='block';}
    }
    //-->
    </script>
    <style type="text/css" media="screen">
    <!--
    body {
    margin: 0;
    padding: 0;
    background: 0 none;
    font: 80% verdana, gigi, sans-serif;
    }
    dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    #menu {
    position: direction="right";
    top: 0;
    left: 0;
    }
    #menu {
    width: 15em;
    }
    #menu dt {
    cursor: pointer;
    margin: 2px 0;;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    border: 0 none;
    background: 0 none;
    }
    #menu dd {
    border: none;
    }
    #menu li {
    text-align: center;
    background: 0 none;
    }
    #menu li a, #menu dt a {
    color: #000;
    text-decoration: none;
    display: block;
    border: 0 none;
    height: 100%;
    }
    #menu li a:hover, #menu dt a:hover {
    background: 0 none;
    }
    -->
    </style>

    </HEAD>

    <dl id="menu">

    <dt onclick="javascript:montre('smenu1);">Visage</dt>
    <dd id="smenu1">
    <ul>
    <li><a href="#">Sous-Menu 1.1</a></li>
    <li><a href="#">Sous-Menu 1.2</a></li>

    <li><a href="#">Sous-Menu 1.3</a></li>
    </ul>
    </dd>

    <dt onclick="javascript:montre('smenu2');">Corps</dt>

    <dd id="smenu2">
    <ul>
    <li><a href="#">Sous-Menu 2.1</a></li>
    <li><a href="#">Sous-Menu 2.2</a></li>

    <li><a href="#">Sous-Menu 2.3</a></li>
    </ul>
    </dd>

    <dt onclick="javascript:montre('smenu3');">Menu 3</dt>

    <dd id="smenu3">
    <ul>
    <li><a href="#">Sous-Menu 3.1</a></li>
    <li><a href="#">Sous-Menu 3.1</a></li>

    <li><a href="#">Sous-Menu 3.1</a></li>
    <li><a href="#">Sous-Menu 3.1</a></li>
    <li><a href="#">Sous-Menu 3.1</a></li>

    <li><a href="#">Sous-Menu 3.1</a></li>
    </ul>
    </dd>

    <dt onclick="javascript:montre('smenu4');">Menu 4</dt>

    <dd id="smenu4">
    <ul>
    <li><a href="#">Sous-Menu 4.1</a></li>
    <li><a href="#">Sous-Menu 4.1</a></li>

    </ul>
    </dd>

    </dl>

    J'aimerais également que les sous menus se déclenchent dès que le curseur passe sur chaque menu.

    Comment faire?

    Merci
    1
  3. ecko2 Messages postés 152 Statut Membre 12
     
    salut il t-e faut ajouter ce script dans le HEAD, de la page concerener et Bon chance

    <STYLE type=text/css>BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #576f7e; PADDING-TOP: 0px; FONT-FAMILY: Tahoma
    }
    .outer_small {
    FONT-SIZE: 9px; COLOR: #97a7b1; FONT-FAMILY: Tahoma
    }
    BODY {
    FONT-SIZE: 9px
    }
    TD {
    FONT-SIZE: 9px
    }
    TH {
    FONT-SIZE: 9px
    }
    .hidden {
    DISPLAY: none; VISIBILITY: hidden
    }
    .chanteurs {
    FONT-WEIGHT: bold; FONT-SIZE: 14px
    }
    A:link {
    FONT-WEIGHT: bolder; FONT-SIZE: 10px; COLOR: #ec6128; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
    }
    A:visited {
    FONT-WEIGHT: bolder; FONT-SIZE: 10px; COLOR: #de2520; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
    }
    .smalllinks {
    FONT-SIZE: 8px; COLOR: #b7c8c2; FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    .smalllinks2 {
    FONT-SIZE: 10px; COLOR: #b7c8c2; FONT-FAMILY: Arial, Helvetica, sans-serif
    }
    #Layer2 {
    Z-INDEX: 1; LEFT: 805px; WIDTH: 120px; POSITION: absolute; TOP: 208px; HEIGHT: 600px
    }
    H1 {
    FONT-SIZE: 9px; COLOR: #5f737e; FONT-FAMILY: Verdana
    }
    </STYLE>

    <style> table.MsoNormalTable
    {mso-style-parent:"";
    font-size:10.0pt;
    font-family:"Times New Roman";
    }
    span.adus
    {}
    </style>
    0
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. ecko2 Messages postés 152 Statut Membre 12
     
    tu peux voir l'exemple sur cette page
    http://www.goldzik.com/12/3/0.htm
    bon courage
    0
  6. Julia
     
    J'ai intégré le code, mais le menu se déroule encore vers le bas :s
    0
  7. ecko2 Messages postés 152 Statut Membre 12
     
    Et vous voulez qu il se deroule dans quel sens ?
    0
  8. ecko2 Messages postés 152 Statut Membre 12
     
    mai vert la droite sa sera pa un menu deroulante, c un zone definate c ca ce que tu cherche non ?
    0
  9. Julia
     
    En fait je veux un menu comme sur ce site https://www.mademoiselle-bio.com/ sauf que sur le mien j'aimerais qu'il soit vertical et que les sous menus s'affichent vers la droite... J'espère que j'arrive à me faire comprendre, j'ai du mal avec les termes techniques.
    0
  10. ecko2 Messages postés 152 Statut Membre 12
     
    pour l'orientation et l'ariere plan et tt les autre option , c simple tu ouvre proprieté de ton menu deroulante biensur apres l'avoir cree, et tu fait tes chaangement comme tu veux
    et bon courrage
    0
  11. Julia
     
    Je suis désolée avec mes questions mais à quel endroit je peux changer l'orientation sur le code que tu m'as donné?
    0
  12. ecko2 Messages postés 152 Statut Membre 12
     
    le publisher est assez lourd et pour la creation des sites web je te dis que c pa professionel, tu peux tester front page, tu aura plus des trucs, et je te dis c aussi ton guide pro
    ok ?
    je te dis si tu veux je peux t'aider pour creer tes pages s me fai plaisir,bon courrage.
    0
  13. Julia
     
    Je te remercie de prendre du temps.
    J'ai essayé avec Frontpage mais je n'arrivais à rien
    0
  14. ecko2 Messages postés 152 Statut Membre 12
     
    ok
    je vais te montrer comment saz se fait, tu parle arabe no ? si c oui tu peux m' envoyer ton mail en clicant sur ce lien, sa sera mieux parler n'est ce pa ?
    si tu parle pas arabe, je vais te monter sur msn en ecriture ok ?
    voila le liens
    http://www.goldzik.com/contact.php
    0
  15. ecko2 Messages postés 152 Statut Membre 12
     
    l menu deroulante nommee monnaie, c ça ce que tu cherche ?
    0
  • 1
  • 2