Foros del Web » Creando para Internet » CSS »

Menu vertical en CSS

Estas en el tema de Menu vertical en CSS en el foro de CSS en Foros del Web. Gente tengo el siguiente problemita estoy haciendo un menu vertical desplegable, pero no puedo lograr que hacer el hover me desplegue el submenu, o sea ...
  #1 (permalink)  
Antiguo 13/07/2010, 22:53
 
Fecha de Ingreso: octubre-2006
Mensajes: 29
Antigüedad: 11 años, 1 mes
Puntos: 0
De acuerdo Menu vertical en CSS

Gente tengo el siguiente problemita estoy haciendo un menu vertical desplegable, pero no puedo lograr que hacer el hover me desplegue el submenu, o sea yo lo tengo oculto y quiero que al hacer el hover en un determinado lugar lo muestre, va el codigo:
Este es el CSS:
Cita:
.menu {
margin:0px;
margin-top:5px;
padding:0px;;
}

.menu ul {
display:inline-block;
border:0px solid #000;
width:20%;
margin:0px;
}

.menu li {
display:inline-block;
border:1px solid #000;
width:100%;
}

.menu a {
font-size:1.25em;
padding:5px;
}

.menu a:hover {
color:#003;
}


.submenu {
position: absolute;
left:300px;
visibility:hidden;
}
Menu en HTML
Cita:
<ul class="menu">
<li><a href="index.php" accesskey="i" id="index" rel="index" rev="index">Fundaci&oacute;n</a></li>
<li><a href="#">Profesionales</a>
<ul class="submenu">
<li>Docencia e Investigaci&oacute;n</li>
<li>Consultoria</li>
<li>Personas con Discapacidad</li>
<li>Biblioteca</li>
<li>Enlaces</li>
</ul>
</li>
</ul>
La idea es que al pasar el mouse por profesionales memuestre la lista que le sigue para esto la propiedad visibility de submenu debería pasar a visible y no a hidden como esta en el css... Aca es donde hago agua

Mil gracias...
  #2 (permalink)  
Antiguo 13/07/2010, 23:26
Avatar de dots3r  
Fecha de Ingreso: julio-2008
Mensajes: 106
Antigüedad: 9 años, 4 meses
Puntos: 5
Respuesta: Menu vertical en CSS

Para eso tendrás que hacer uso de javascript

Suerte =)
__________________
Ideorama. Su presencia en Internet
  #3 (permalink)  
Antiguo 13/07/2010, 23:29
 
Fecha de Ingreso: octubre-2006
Mensajes: 29
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Menu vertical en CSS

mmmmmmmmmmm no hay una forma de hacerlo solo con CSS y HTML recuerdo haber visto varias pero en menues horizontales
  #4 (permalink)  
Antiguo 13/07/2010, 23:35
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Menu vertical en CSS

Mira este ejemplo a ver si te sirve: http://www.araudi.net/Desplegables/m...plegable5.html

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 14/07/2010, 13:30
 
Fecha de Ingreso: octubre-2006
Mensajes: 29
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Menu vertical en CSS

UH!! sos un maestro a esto me referia mil gracias, bien sencillito me encanto

Etiquetas: vertical
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 22:45.