Menu deroulant vertical à plusieurs niveaux

sakyna -  
 tossimime -
Bonjour,
j'ai un problème : je veux créer un menu vertical à plusieurs niveaux.
je veux que qu'au survol de la souris sur le menu, les sous menus s'affiche.
merci.
Configuration: Windows XP
Internet Explorer 7.0

11 réponses

  1.
    RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    un exemple simple a adapter a tes besoins !

    le html
    <!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>
    <title>Menu Vertical
    </title>
    <link rel="stylesheet" type="text/css" href="MenuVer.css" />
  </head>
  <body>
    <ul class="menu"><li>
      <a href="#">Un</a>
      <ul><li>
        <a href="#">Niveau 1.1</a></li><li>
        <a href="#">Niveau 1.2</a></li>
      </ul></li><li>
      <a href="#">Deux</a>
      <ul><li>
        <a href="#">Niveau 2.1</a></li><li>
        <a href="#">Niveau 2.2</a></li><li>
        <a href="#">Niveau 2.3</a></li>
      </ul></li>
    </ul>
  </body>
</html>


    et le css appele MenuVer.css 
    ul.menu {
	list-style-type: none;
}
ul.menu ul {
	position: absolute;
	display: none;
	list-style-type: none;
	left: 80px;
}
ul.menu li a:link, ul.menu li a:visited {
	display: block;
	color: #800000;
	background: #a6a66f;
	width: 150px;
	text-decoration: none;
}

ul.menu li a:hover {
	background: #4e927b;
}

ul.menu li:hover > ul {
	display: block;
}
ul.menu a {
	border: 1px #6e5842 solid;
}
    3
    1. sakyna
       
      merci pour votre reponse
      0
    2. apollo13
       
      Bonjour RAD ZONE,

      J'ai testé ton menu et c'est tout à fait ce que je veux, par contre, j'aimerais que les sous menus ne s'affiche pas dans une popup au survol mais apparaissent sur un click sous le menu parent, pourrais tu m'aider?

      Merci d'avance
      0
    3. tossimime
       
      cool
      0
  2. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    Salut

    vas voir sur un de mes sites http://rad2.free.fr/

    dans les menus , tu as le ClickShowHideMenu prend le .rar et adapte a tes besoin c est ce que tu demande

    a+
    2
  3. apollo13
     
    Super! merci beaucoup!!!
    Par contre, est que ce menu gère les multi-niveaux?
    0
  4. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    non pas dans l etat !! il faut creer une nouvelle id et lui donner des valeurs aussi bien dans la CSS que dans le js !!

    je t en fais un vite fais !!
    0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    SALUT
    Voila ton menu multi level !
    DEMO

    telecharge le ICI
    0
    1. frodolon Messages postés 2 Statut Membre
       
      c'est exactement se que je veux faire mais je ni arrive po
      pourrai tu maider merci
      0
  7. apollo13
     
    Vraiment génial... Mille fois merci!
    Encore une dernière question et après j'arrête de t'embêter :
    J'ai mis des liens sur mon menu qui entraine un rechargement de ma page, du coup le menu est réinitialisé.
    J'aimerais qu'il reste ouvert à l'endroit ou l'utilisateur a cliqué...
    Une idée?
    0
  8. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    regarde le premier que je t avais donne il y as un systeme de cookie !

    mais pas facile a adapte le a celui la ????
    0
  9. apollo13
     
    j'en suis absolument incapable... help!
    0
  10. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    voila !

    il resteras ouvert en fonction de l url mis sur le lien !ICI
    0
    1. lady web
       
      C'est CANON merci pour ton aide !
      0
  11. apollo13
     
    Merci RAD ZONE!!!
    mon menu est terminé :)
    Dernière question : le fichier js fonctionne très bien mais il a une drôle de tête, j'arrive pas à lire et j'aimerais voir le code...
    0
  12. apollo13
     
    Bonjour RAD ZONE,

    J'ai besoin de modifier la petite flèche du menu et je pense que c'est dans le javascript, peux tu me donner le code javascript non cripté stp?

    merci d'avance!
    0
    1. gwen
       
      Salut,

      j'ai essayé ton script pour mon site, mais le problème est que j'ai un espace limité en hauteur et que mon menu dépasse la taille du div et donc il a fallut passer par l'overflow, ce qui signifie un bug d'affichage dût au manque de place en largeur, sinon, le script est vraiment pas mal
      Comment je pourrais modifier pour qu'un seul sous menu reste ouvert?

      Meric et bonne journée

      Gwen
      0

Discussions similaires

Ca veut dire quoi :3
Moi -
Adraen -

3 réponses
Signification de :3
blanchecanelle -
Adraen -

6 réponses
3 a l'envers
Fan12 -
Ya -

15 réponses
signification "<3" dans un sms
lecogno -
Utilisateur anonyme -

3 réponses
Comment faire afin d'accéder au boot menu ou BIOS sous MSI ?
Kaheil -
Ismo87 -

7 réponses