Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/12/2012, 12:23
Avatar de gerardo1987
gerardo1987
 
Fecha de Ingreso: septiembre-2012
Ubicación: Tamaulipas
Mensajes: 106
Antigüedad: 12 años, 3 meses
Puntos: 2
Pregunta Agregar 2nd Menu en CSS

Hola que tal a todos:

Tengo este codigo en HTML:

Código PHP:
<UL ID="navmenu-v">
  <
LI><a href="#">Opcion 1</a></li>
  <
LI><a href="#">Opcion 2</a></li>
  <
LI><a href="#">Opcion 3</a>
    <
UL>
      <
LI><a href="#">Opcion 3.1</a></li>
      <
LI><a href="#">Opcion 3.2</a></li>
    </
UL>
  </
LI>
  <
LI><a href="#">Opcion 4</a></li>
  <
LI><a href="#">Opcion 5</a></li>
</
UL
Y el codigo CSS es el siguiente:

Código PHP:

ul
#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul 
{
 
position:absolute;
 
left:4px;
 
width180px;
 
margin0;
 list-
stylenone;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; }

ul#navmenu-v ul {
 
displaynone;
 
positionabsolute;
 
top0;
 
left100%;
 
z-index9999;
}

/* Menu Principal Areas*/
ul#navmenu-v a {
 
border-top1px solid #FFF;
 
border-right1px solid #FFF;
 
padding4px;
 
displayblock;
 
background#DDD;
 
color#66;
 
fontbold 11px Arialsans-serif;
 
text-decorationnone;
 
height1%;
}

/* 1st Menu*/
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 
background#BBB;
 
color#FFF;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 
floatnone;
 
backgroundblack;
}


ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; } 
El 1st Menu me aparece muy bien, pero despues con el 2nd Menu no me aparece nada, y no encuentro que pueda tener mal, me podrian ayudar para ver que me falta o que tengo mal.
__________________
Carlos G. Treviño
Ing. Mecatrónico