Probleme avec menu deroulant

omelhor · 4 Novembre 2010

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

MegaLooser · 4 Novembre 2010

C'est abusé. Y a que ça comme tuto sur le net des menus déroulants...
http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php
http://www.alsacreations.com/tuto/lire/602-Creer-un-menu-accordeon-ave ... Query.html
...
google -> menu deroulant
google -> menu deroulant css
...

omelhor · 5 Novembre 2010

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