Foros del Web » Creando para Internet » CSS »

[ayuda]Menu en css Desplegable vertical

Estas en el tema de [ayuda]Menu en css Desplegable vertical en el foro de CSS en Foros del Web. Hola estaba intentando crear un menu sin las etiquetas <li> o <ul> ya que no me gusta asi. e usado 3 divs . Por gerarquia ...
  #1 (permalink)  
Antiguo 17/02/2012, 00:51
 
Fecha de Ingreso: noviembre-2011
Mensajes: 11
Antigüedad: 13 años
Puntos: 0
Pregunta [ayuda]Menu en css Desplegable vertical

Hola estaba intentando crear un menu sin las etiquetas <li> o <ul> ya que no me gusta asi. e usado 3 divs . Por gerarquia : Menu , Seccion , Submenu. La cosa es que no se como hacerlo xD llegue hasta aca , y no se como seguir nunca se me dio esto de los menu desplegables:

Código HTML:
Ver original
  1. <!-- Menu -->
  2. <div id="Menu">
  3.     <div class="Seccion">
  4.     Informatica
  5.         <div class="Submenu">
  6.         Comercial
  7.         </div>
  8.         <div class="Submenu">
  9.         Artistica
  10.         </div>
  11.         <div class="Submenu">
  12.         Escolar
  13.         </div>
  14.     </div>
  15. </div>

Y el css

Código CSS:
Ver original
  1. #Menu{
  2.     display:block;
  3.     position:fixed;
  4.     width:125px;
  5. }
  6. .Seccion{
  7.     display:block;
  8.     border:1px solid #333;
  9. }
  10. .Submenu{
  11.     display:none;
  12.     border:1px solid #333;
  13.     width:100px;
  14.     position:absolute;
  15. }
  16. .Seccion:hover .Submenu{
  17.     display:block;
  18.     top:-10;
  19.     left:135px;
  20. }

La cosa es que al menu lo quiero tener en un fixed osea que el menu baya bajando dentro de un borde con la pagina.

Osea hay 2 bordes a la izquierda en 1px solid #333 a ambos lados que termina al final de la pagina y dentro esta el menu entonces lo que quiero es que sea como un asensor. No se si se me entiende ...

Última edición por ShadowRock; 17/02/2012 a las 00:53 Razón: Equivocacion.

Etiquetas: desplegable, sin-javascript, 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 03:36.