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:
    277
    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:
    146
    J'aime reçus:
    0
    #2 MegaLooser, 4 Novembre 2010
  3. omelhor
    omelhor WRInaute occasionnel
    Inscrit:
    9 Février 2007
    Messages:
    277
    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
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