Probleme avec menu deroulant

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par omelhor, 4 Novembre 2010.

  1. omelhor
    omelhor WRInaute occasionnel
    Inscrit:
    9 Février 2007
    Messages:
    280
    J'aime reçus:
    0
    Bonjour,

    Je cherche a faire un menu déroulant, mais je bloque sur le 2eme niveau

    Je n'arrive pas à cacher le "double menu" , pouvez-vous m'aider svp ?

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"><head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Document sans nom</title> 
<style type="text/css"> 
 
.clearboth { 
    clear: both; 
} 
#test { 
    background: #FF0000; 
} 
#menu ul { 
    margin: 0px; 
    padding: 0px; 
    list-style: none; 
} 
#menu ul li { 
    float: left; 
    width: 120px; 
    position: relative; 
    background: #FFFF00; 
    border: thin solid #003399; 
} 
#menu ul li ul { 
    display: none; 
    position: absolute; 
    left: 0px; 
    top: 100%; 
} 
 
#menu ul li:hover ul { 
    display: block; 
} 
 
 
#menu ul li ul li { 
    background: #00FFFF; 
    position: relative; 
} 
 
#menu ul li ul li ul { 
    display: none; 
    position: absolute; 
    top: 0%; 
    left: 120px; 
} 
 
#menu ul li ul li a { 
    padding-left: 10px; 
    text-decoration: none; 
} 
#menu  ul  li  ul  li:hover  ul { 
    background: #fff; 
    display: block; 
} 
 
</style> 
 
 
</head><body> 
<div id="menu"> 
<ul> 
    <li>144444 
        <ul> 
        <li><a href="#">4</a></li> 
        <li><a href="#">5</a></li> 
        <li><a href="#">6</a></li> 
        <li><a href="#">4</a></li> 
        </ul> 
    </li> 
    <li>34444 
        <ul> 
            <li><a href="#">4</a></li> 
            <li><a href="#">5</a></li> 
            <li>double menu     
                <ul> 
                     <li><a href="#">double 4</a></li> 
                    <li><a href="#">double 5</a></li> 
                    <li><a href="#">double 6</a></li> 
                    <li><a href="#">double 4</a></li> 
                </ul> 
            </li> 
            <li><a href="#">4</a></li> 
        </ul> 
    </li> 
</ul> 
</div> 
 
<div class="clearboth"></div> 
</body></html>

    Merci beaucoup
     
    #1 omelhor, 4 Novembre 2010
  2. MegaLooser
    MegaLooser WRInaute discret
    Inscrit:
    20 Octobre 2010
    Messages:
    143
    J'aime reçus:
    0
    #2 MegaLooser, 4 Novembre 2010
  3. omelhor
    omelhor WRInaute occasionnel
    Inscrit:
    9 Février 2007
    Messages:
    280
    J'aime reçus:
    0
    Menu déroulant à niveau 1 je sais faire..... , mais à 2 niveau difficile de trouver un tuto et quand y en a , le code n'est pas expliqué, mais j'ai trouvé mon bonheur :

    http://ago.tanfa.co.uk/css/examples/menu/hs7.html


    Par contre vue que y a que ça des tutos sur les menu deroulant, si tu a vraie TUTO en 2 NIVEAU en FRANCAIS , je suis preneur :D
     
    #3 omelhor, 5 Novembre 2010
(Vous devez vous identifier ou vous inscrire pour poster ici.)
Chargement...
Similar Threads - Probleme menu deroulant Forum Date
problème lien menu deroulant sur wix Demandes d'avis et de conseils sur vos sites 23 Janvier 2019
Probleme de menu déroulant Développement d'un site Web ou d'une appli mobile 23 Août 2011
Menu déroulant probleme referencement Débuter en référencement 6 Octobre 2010
Positionnement du menu déroulant (PROBLEME) Développement d'un site Web ou d'une appli mobile 10 Mars 2008
[Résolu] Problème : Menu déroulant Js, session_destroy(). Développement d'un site Web ou d'une appli mobile 30 Décembre 2007
problème avec création d'un menu déroulant. Administration d'un site Web 10 Mai 2007
URGENT : Problème "Z-index" avec Menu déroulant ve Développement d'un site Web ou d'une appli mobile 9 Décembre 2006
problème menu déroulant IE 6 et précédents Développement d'un site Web ou d'une appli mobile 30 Novembre 2006
Problème avec un menu déroulant... Développement d'un site Web ou d'une appli mobile 31 Juillet 2006
Probleme Fire fox et menu deroulant Développement d'un site Web ou d'une appli mobile 12 Novembre 2005
Problème avec un menu en ajax via jquery Problèmes de référencement spécifiques à vos sites 6 Février 2022
probleme decallage menus VPNDISCOUNT Développement d'un site Web ou d'une appli mobile 7 Décembre 2013
Problème message et slidemenu Développement d'un site Web ou d'une appli mobile 13 Juin 2013
Probleme Liens menu URL Rewriting et .htaccess 22 Mai 2012
Problème avec sous menu en php Développement d'un site Web ou d'une appli mobile 22 Avril 2011
Probleme Menu JS + CSS Développement d'un site Web ou d'une appli mobile 24 Février 2011
menu horizontal défilant en css...un problème d'alignement Développement d'un site Web ou d'une appli mobile 1 Novembre 2010
probleme de menu Développement d'un site Web ou d'une appli mobile 6 Octobre 2010
Problème Menu Développement d'un site Web ou d'une appli mobile 6 Août 2010
Google Chrome : problème affichage menu Google : l'entreprise, les sites web, les services 12 Février 2010