Tema: submenus de submenus, como hacerlo?
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/02/2013, 10:17
Avatar de ras_chalo
ras_chalo
 
Fecha de Ingreso: junio-2010
Mensajes: 369
Antigüedad: 13 años, 10 meses
Puntos: 6
Respuesta: submenus de submenus, como hacerlo?
Cita:
Iniciado por Bonez Ver Mensaje
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: 
Ver original
  1. /* ----------------------------------------------Column Navigation-------------------------------------*/
  2.  
  3. #column .subnav{display:block; width:250px; padding:25px; background-color:#1F1F1F; margin-bottom:30px;}
  4.  
  5. #column .subnav h2{
  6.     margin:0 0 20px 0;
  7.     padding:0 0 14px 0;
  8.     font-size:20px;
  9.     font-weight:normal;
  10.     font-family:Georgia, "Times New Roman", Times, serif;
  11.     color:#666666;
  12.     background-color:#1F1F1F;
  13.     line-height:normal;
  14.     border-bottom:1px dashed #666666;
  15.     }
  16.  
  17. #column .subnav ul{
  18.     margin:0;
  19.     padding:0;
  20.     list-style:none;
  21.     }
  22.  
  23. #column .subnav li{
  24.     margin:0 0 3px 0;
  25.     padding:0;
  26.     }
  27.  
  28. #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;}
  29.  
  30. #column .subnav a{
  31.     display:block;
  32.     margin:0;
  33.     padding:5px 10px 5px 20px;
  34.     color:#666666;
  35.     background:url("../images/red_file.gif") 10px center no-repeat #1F1F1F;
  36.     text-decoration:none;
  37.     border-bottom:1px dotted #666666;
  38.     }
  39.  
  40. #column .subnav a:hover{color:#FF412C; background-color:#161616;}
  41.  
  42. #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;}
  43. #column .subnav ul ul a{padding-left:40px; background-position:30px center;}
  44. #column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
  45. #column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
  46. #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?