Probleme avec menu deroulant

omelhor
WRInaute discret
WRInaute discret
 
Messages: 134
Inscription: 9 Fév 2007

Probleme avec menu deroulant

Message le Jeu Nov 04, 2010 21:57

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: Tout sélectionner
<!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
WRInaute discret
WRInaute discret
 
Messages: 162
Inscription: 20 Oct 2010

Re: Probleme avec menu deroulant

Message le Jeu Nov 04, 2010 23:16

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
WRInaute discret
WRInaute discret
 
Messages: 134
Inscription: 9 Fév 2007

Re: Probleme avec menu deroulant

Message le Ven Nov 05, 2010 7:18

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


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité