Como deixo meu menu em dropdown com 3 niveis?

[amstrong]

OII PESSOAL DO SCRIPT BRASIL EU ESTOU PRECISANDO DE AJUDA DE VOCES

QUERO MUITO DEIXAR MEU MENU SIMPLES EM DROPDOWN COM 3 NIVEIS SEM TIRA-LO DO CENTRO

SE VOCES SOUBEREM ME AVISEM

AQUI UM EXEMPLO DE MENU DROPDOWN COM 3 NIVEIS :

MENU DROPDOWN COM 3 NIVEIS

CODE DO MEU MENU :

<style type="text/css">
/* CUSTOM */
div#container {
    margin: 10px auto 10px auto;
    width: 1090px;
}

    div#menu {
        background: url(http://img24.imageshack.us/img24/4424/menuos.png);
        color: #FFF;
        height: 24px;
        padding: 9px 5px 0 5px;
        text-align: center;
        text-shadow: #a0bf26 1px 1px 1px;
        width: 1080px;
    }
    
        div#menu a {
            color: #FFF;
            margin-right: 20px;
            text-shadow: #a0bf26 1px 1px 1px;
            text-decoration: none;
        }
</style>

       <div id="container">
            <div id="menu">
                <a href="#" onclick="subnav('sub-nav.php?nav=illusion'); return false;"> ILLUSION </a>
                <a href="#" onclick="subnav('sub-nav.php?nav=community'); return false;"> COMMUNITY </a>
                <a href="http://illusion-habbo.net/brb" target="_blank"> NEWS </a>
                <a href="#" onclick="subnav('sub-nav.php?nav=radio'); return false;"> RADIO </a>
                <a href="http://illusion-habbo.net/forum" target="_blank"> FORUM </a>
                <a href="#" onclick="subnav('sub-nav.php?nav=goodies'); return false;"> GOODIES </a>
                <a href="http://illusion-habbo.net/forum/forumdisplay.php?fid=68" target="_blank"> JOBS </a>
                <a href="#" onclick="subnav('sub-nav.php?nav=archive'); return false;"> ARCHIVE </a>
            </div>

QUEM SOUBER POR FAVOR ME AJUDEM TEM TEMPO QUE ESTOU TENTANDO E NÃO CONSIGO

DESDE já AGRADEÇO

Edited April 8, 2012 by amstrong

[JaguA]

Cara da uma estudada no CSS ... no que você tiver duvida eu te ajudo..

olha um exemplo dos modelos mais utilizados seria

utilizando as TAGs UL e LI do HTML

ficando assim um exemplo do codigo html isso tem que se tratar no CSS também.

<ul class"menu">
<li> menu </li>
<li> menu 2 </li>
<li> menu 3 </li>
<li>
 menu 4 
<ul>
<li> sub menu </li>
<li> sub menu 2 </li>
<li> sub menu 3 </li>
<li> sub menu 4 </li>
</ul>
</li>
</ul>

ou seja dentro da tag <li> </li> que fica o Menu principal é jogado outra UL para fazer o menu novamente no CSS costuma-se trabalhar assim

.menu ul  {} /* tratamento do menu  */
.menu ul li  {} /* tratamento dos itens do menu  */
.menu ul li ul  {} /* tratamento dos sub menu  */
.menu ul li ul li  {} /* tratamento dos itens do sub menu  */

bem essa é a logica da uma estudade ae que tu vai achar alguns menus assim e vai ver também outros diferente mas a ideia é tu entender como deve tratar o CSS para executar da forma que deseja. ai de acordo com as duvidas eu vo ajudando

té +