Comment créer des sous-menus dans un menu déroulant?

Question

J'ai un menu déroulant en css. Lorsque vous survolez le texte (ul), le menu apparaît (le li apparaît). Je voulais savoir, comment faire un sous-menu, que lorsque vous passez la souris sur un autre menu (sous-menu) li apparaîtrait et offrirait d'autres options.

Ex:

-Tutorials (You hover over tutorials) 
      (Then these options appear)   
     -Video tutorials 
     -Other tutorials 
     -Windows (and if you hover over windows you have 3 choices) 
        //How do I make that! 
        -Windows xp 
        -windows 7 
        -Windows Vista 

Voilà ce que je veux faire.

Merci les gens !!

Answer 1

CSSPlay est une excellente ressource avec toutes sortes de menus que vous pouvez éventuellement imaginer. De plus, tous les menus sont complètement cross-browser. Check it out, je suis sûr que Stu a un qui correspond à vos besoins: http://www.cssplay.co.uk/menus/

Answer 2

vous avez besoin de ce tutoriel: son of suckerfish dropdowns

Answer 3

Si vous utilisez CSS pur, alors vous avez juste besoin d'ajouter un nouveau niveau de modes. Vous avez pas posté votre code d'origine, mais en supposant que vous avez actuellement quelque chose comme:

ul.menu > li > ul { 
    display: none; 
} 
ul.menu > li:hover > ul { 
    display: block; 
} 

Ensuite, vous auriez tout simplement besoin d'ajouter:

ul.menu > li > ul > li > ul { 
    display: none; 
} 
ul.menu > li > ul > li:hover > ul { 
    display: block; 
} 

Vous aurez bien sûr besoin d'ajouter un code de positionnement à votre troisième liste de niveau afin qu'il apparaisse à la droite de l'élément de menu actif.