Foros del Web » Creando para Internet » CSS »

Lista menu despegable

Estas en el tema de Lista menu despegable en el foro de CSS en Foros del Web. Hola todos. tengo el sgte codigo. Código HTML: <ol> <li> INICIO </li> <li> REEL </li> <li> PORTAFOLIO </li> <li> CONTACTO </li> <div class= "barra_abajo" > ...
  #1 (permalink)  
Antiguo 24/02/2011, 16:54
 
Fecha de Ingreso: mayo-2009
Mensajes: 111
Antigüedad: 8 años, 6 meses
Puntos: 2
Lista menu despegable

Hola todos.
tengo el sgte codigo.
Código HTML:
<ol>
<li>INICIO</li>
<li>REEL</li>
<li>PORTAFOLIO</li>
<li>CONTACTO</li><div class="barra_abajo"></div>
</ol> 
mi pregunta es como hacer para que el item portafolio se vuelva despegable y lo haga desplegando 3 items mas. gracias honestamente no se si se podra pero igual pregunto.
  #2 (permalink)  
Antiguo 24/02/2011, 17:11
davidbrepe
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Lista menu despegable

mira esta tuto, esta muy bien ;)
http://www.lawebera.es/comunidad/art...e-css-html.php
  #3 (permalink)  
Antiguo 24/02/2011, 17:17
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Lista menu despegable

No te quepa la menor duda de que se puede. Con buscar "menu CSS" en el cuadro de búsqueda al principio de la página encontrarás bastantes ejemplos.
La verdadera pregunta es ¿de qué manera quieres que se abra? ¿Cuando pasas el ratón, cuando haces click, cuando seleccionas mediante el teclado...?
Una manera simple puede ser la siguiente:
Código HTML:
Ver original
  1. <ul>
  2. <li>INICIO</li>
  3. <li>REEL</li>
  4. <li class="desplegable">PORTAFOLIO
  5.       <ul>
  6.            <li>item1</li>
  7.            <li>item2</li>
  8.            <li>item3</li>
  9.       </ul>
  10. </li>
  11. <li>CONTACTO</li><div class="barra_abajo"></div>
  12. </ul>

Código CSS:
Ver original
  1. .desplegable ul{
  2.     display:none;
  3. }
  4. .desplegable:hover ul{
  5.     display:block;
  6. }

Funcionará para un menú vertical. Es sólo un esquema, necesitarás más propiedades para conseguir lo que tu quieres.
  #4 (permalink)  
Antiguo 28/02/2011, 11:49
 
Fecha de Ingreso: mayo-2009
Mensajes: 111
Antigüedad: 8 años, 6 meses
Puntos: 2
Respuesta: Lista menu despegable

Men muchas gracias funciono al pelo. Tengo una duda sin embargo. Y es cuanto a la propiedad a utilizar si quiero que el despegable se despendra exactamente abajo de item portafolio. por que al utilizar el codigo funciona pero el se despliega en mitad de la palabra. Yo ya lo solucione pero con margin-left y queria saber si hay una propiedad mas propia para el tema.

Gracias.

Etiquetas: lista
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 09:39.