Foros del Web » Creando para Internet » CSS »

Menu desplegable pero no del todo

Estas en el tema de Menu desplegable pero no del todo en el foro de CSS en Foros del Web. Buenas, les cuento, estaba desarrollando un menu desplegable en mi web, todo bien hasta que tuve que agregar otra opción 'hijo' en la parte del ...
  #1 (permalink)  
Antiguo 02/11/2012, 08:54
 
Fecha de Ingreso: junio-2009
Mensajes: 138
Antigüedad: 14 años, 10 meses
Puntos: 4
Menu desplegable pero no del todo

Buenas, les cuento, estaba desarrollando un menu desplegable en mi web, todo bien hasta que tuve que agregar otra opción 'hijo' en la parte del menu 'padre', quiero que sean todos desplegable pero no sé porque se muestra hacía el lado, les dejo una imagen para que vean:



Pero lo que yo quiero es que donde dice CONTRATO & POLÍTICAS se muestre hacía abajo.

Les dejo el CSS que tengo:
Código CSS:
Ver original
  1. div#header nav {
  2.     position: relative;
  3.     float: right;
  4.     width: 516px;
  5. }
  6. div#header nav ul {
  7.     margin: 0;
  8.     background: white;
  9.     border: 1px solid #D0DDE4;
  10.     border-radius: 4px;
  11.     height: 35px;
  12.     line-height: 36px;
  13. }
  14. div#header nav ul li {
  15.     float: left;
  16.     display: inline-block;
  17.     list-style-type: none;
  18.     padding-left: 5px;
  19.     padding-right: 5px;
  20.     border-right: 1px solid #DDD;
  21.     font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
  22.     font-weight: bold;
  23. }
  24. div#header nav ul li:last-child {
  25.     border-right: 0;
  26. }
  27. div#header nav ul li a:link, div#header nav ul li a:visited {
  28.     border: 0;
  29.     text-transform: uppercase;
  30.     color: #0095E9;
  31.     text-shadow: 1px 1px 1px rgba(116, 116, 116, 0.24);
  32. }
  33. div#header nav ul li a:hover, div#header nav ul li a:active {
  34.     color: #02B8FF;
  35. }
  36. div#header nav ul li ul{
  37.     display: none;
  38.     position: absolute;
  39.     border-top-left-radius: 0;
  40.     border-top-right-radius: 0;
  41.     margin-left: -6px;
  42.     z-index: 1;
  43. }
  44. div#header nav ul li:hover > ul{
  45.     display: block;
  46.     border-top: 0;
  47. }
  48. div#header nav ul li ul li{
  49.  
  50. }

Y también el html:
Código HTML:
Ver original
  1. <nav>
  2.     <ul>
  3.         <li><a href="#" target="_blank">Inicio</a></li>
  4.         <li><a href="#">Contacto</a></li>
  5.         <li><a href="#" target="_blank">Servicios</a>
  6.             <ul>
  7.                 <li><a href="#">Contrato</a></li>
  8.                 <li><a href="#">Políticas</a></li>
  9.             </ul>
  10.         </li>
  11.         <li><a href="#">Portafolio</a></li>
  12.         <li><a href="#">Archivo</a></li>
  13.     </ul>
  14. </nav>

Gracias de antemano :D
  #2 (permalink)  
Antiguo 02/11/2012, 11:33
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Menu desplegable pero no del todo

Código CSS:
Ver original
  1. div#header nav li ul li{
  2.     display:block;
  3.     float:none;
  4. }
  #3 (permalink)  
Antiguo 02/11/2012, 11:49
 
Fecha de Ingreso: junio-2009
Mensajes: 138
Antigüedad: 14 años, 10 meses
Puntos: 4
Respuesta: Menu desplegable pero no del todo

Gracias man, ahora si se muestra bien :D

Etiquetas: desplegable, hover, html, todo, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:46.