submenus de submenus, como hacerlo?

[ras_chalo]

hola que tal, estoy tratando de hacer un drop menu (de esos que salen pequeños submenus al posar el mause) con css, eso lo logré hacer. ahora lo que no logro hacer es que de esos submenus que salen salgan otros más. es decir, submenus del submenus...

como lo puedo hacer?, alguien tiene algun ejemplo en codigo?

estaré muy atento a sus respuestas
saludos!

[pzin]

Pues el principio es el mismo. Cuando haga :hover en el li del submenú, que se muestre el siguiente nivel.

[ras_chalo]

Iniciado por Bonez

Pues el principio es el mismo. Cuando haga :hover en el li del submenú, que se muestre el siguiente nivel.

haber si estoy claro, mira este es el código completo que tengo para el menú

Código CSS:

/* ----------------------------------------------Column Navigation-------------------------------------*/
 
#column .subnav{display:block; width:250px; padding:25px; background-color:#1F1F1F; margin-bottom:30px;}
 
#column .subnav h2{
    margin:0 0 20px 0;
    padding:0 0 14px 0;
    font-size:20px;
    font-weight:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#666666;
    background-color:#1F1F1F;
    line-height:normal;
    border-bottom:1px dashed #666666;
    }
 
#column .subnav ul{
    margin:0;
    padding:0;
    list-style:none;
    }
 
#column .subnav li{
    margin:0 0 3px 0;
    padding:0;
    }
 
#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
 
#column .subnav a{
    display:block;
    margin:0;
    padding:5px 10px 5px 20px;
    color:#666666;
    background:url("../images/red_file.gif") 10px center no-repeat #1F1F1F;
    text-decoration:none;
    border-bottom:1px dotted #666666;
    }
 
#column .subnav a:hover{color:#FF412C; background-color:#161616;}
 
#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url("../images/white_file.gif") no-repeat #1F1F1F;}
#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}
 

no entiendo como le digo que hay otro subnav ...mi idea en estos momentos es copiar y pegar esto mismo cabiandole el nombre de l subnav y la posicion del padding...que dices?

[Bandit]

Hola ras_chalo:
Revisa éste link: http://www.youtube.com/watch?v=AhJ0outfVns

Espero haberte sido de ayuda.

[ras_chalo]

Iniciado por Bandit

Hola ras_chalo:
Revisa éste link: http://www.youtube.com/watch?v=AhJ0outfVns

Espero haberte sido de ayuda.

Muchas gracias!!
me fue de gran ayuda, saludos!

[Linton]

Y si quieres que el segundo submenú se abra por la derecha para distinguirlo mejor del primero: http://line25.com/tutorials/how-to-c...-dropdown-menu

Un saludo.