Tema: Menu desplegable con css solo ciertas areas
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/06/2013, 10:22
ramses1437
 
Fecha de Ingreso: noviembre-2012
Ubicación: Puerto Vallarta
Mensajes: 16
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Menu desplegable con css solo ciertas areas
uchas gracias, lo he hecho con las bases que me haz dado y ya me sale, solo una cuestion, me salen atras del menu, no me sale a un lado, como podria acomodar esto?? el codigo es el siguiente:

Código CSS: 
Ver original
  1. .videoz ul li{
  2.     float:left;
  3.     position:relative;
  4.     width:120px;
  5.         
  6.  
  7. }
  8.  
  9. .videoz ul a{
  10.     font-family:Verdana, Geneva, sans-serif;
  11.     font-size:10px;
  12.     font-weight:bold;
  13.     display:table-cell;
  14.     vertical-align:middle;
  15.     width:130px;
  16.     height:25px;
  17.     text-align:center;
  18.     background:#090;
  19.     color:#FF0;
  20.     text-decoration:none;
  21.     border:1px solid #030;
  22.     padding:0;
  23.     margin:0;
  24.  
  25. }
  26.  
  27. .videoz ul p{
  28.     font-family:Verdana, Geneva, sans-serif;
  29.     font-size:10px;
  30.     font-weight:bold;
  31.     display:table-cell;
  32.     vertical-align:middle;
  33.     width:130px;
  34.     height:25px;
  35.     text-align:center;
  36.     background:#090;
  37.     color:#FF0;
  38.     text-decoration:none;
  39.     border:1px solid #030;
  40.     padding:0;
  41.     margin:0;
  42. }
  43.  
  44.  
  45. .videoz li:hover > a{
  46.     background:#060;
  47.     color:#FFF;
  48.     padding:0;
  49.     margin:0;
  50. }
  51.  
  52.  
  53. .videoz li > ul {
  54.     display:none;
  55.     position:absolute;
  56.     left:0;
  57.     top:100%;
  58.     padding:0;
  59.     margin:0;
  60. }
  61. .videoz li:hover > ul{
  62.     display:block;
  63.     padding:0;
  64.     margin:0;
  65. }
  66.  
  67. .videoz li > ul li{
  68.     padding:0;
  69.     padding-top:1px;
  70.     margin:0;
  71. }
  72.  
  73. .videoz li > ul li >ul{
  74.     left:100%;
  75.     top:0;
  76.     padding-left:1px;
  77.     margin:0;
  78. }
  79.  
  80. .videoz li > ul li > ul li{
  81.     width:130px;
  82.     padding-left:2px;
  83. }