Salut!
 
Voilà j'ai trouvé sur le net un menu déroulant qui à l'air sympal malheureusement il n'y a pas de sous sous menu (ce dont j'ai justement besoin).
Et bien entendu j'y connais rien en css j'aurai voulu savoir si il était possible de remédier à ça?
 

 
Par exemple comme créer encore des sous menus dans subitem one etc dans cet exemple?
 
 
 
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
<li><a href="#">Subitem three</a></li>
<li><a href="#">Subitem four</a></li>
</ul>
 
</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
 
 
 
 
 
CSS
ul#navlist { font-family: sans-serif; }
 
ul#navlist a
{
font-weight: bold;
text-decoration: none;
}
 
ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
 
ul#navlist li { float: left; }
 
ul#navlist li a
{
color: #ffffff;
background-color: #003366;
padding: 3px;
border: 1px #ffffff outset;
}
 
ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;
}
 
ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}
 
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }
 
ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}
 
ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}
 
ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}
 
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }

J'ai essayé de traficoter un peu le html et j'obtient soit une disparition des autres items free four...soit une séparation dans le même item.

Il faut rajouter le code suivant, ensuite il faut modifier le css. Ca doit donner un truc comme ca
 

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
<li><a href="#">Subitem three</a></li>
<li><a href="#">Subitem four</a>
<ul id="sousous">
<li>sous sous menu1</li>
<li>sous sous menu2</li>
</ul>

</li>
</ul>
  
</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>

 
ul#sousous{display:none;}
ul#navlist li ul#subnavlist li:hover ul#sousous{display:block;}