Foros del Web » Creando para Internet » CSS »

[Consulta] sobre menu desplegable

Estas en el tema de [Consulta] sobre menu desplegable en el foro de CSS en Foros del Web. Buenas tardes, tengo una consulta, estuve viendo uno de los menu's que hay aca en el foro, y lo empece a modificar, es para un ...
  #1 (permalink)  
Antiguo 16/12/2009, 15:23
Avatar de Hiruma-Sama  
Fecha de Ingreso: agosto-2007
Ubicación: Floresta, Buenos Aires, Argentina.
Mensajes: 234
Antigüedad: 10 años, 3 meses
Puntos: 5
Pregunta [Consulta] sobre menu desplegable

Buenas tardes, tengo una consulta, estuve viendo uno de los menu's que hay aca en el foro, y lo empece a modificar, es para un sitio bastante simple, por ende le quite todo el colorido y los detalles, pero ahora bien, hay algo que no pude entender:

(1) - actualmente el menu trabaja pasando el mouse por arriba, yo quisiera que trabaje solo cuando se hace CLICK sobre el link, y que ahi se despleguen las opciones del menu.


(2) - al desplegarse las opciones, lo hacen hacia un costado, en este caso hacia la derecha, yo puedo moverlo, como para que se desplegue mas a la izquierda o derecha a gusto, pero... ¿como hago para que al hacer click, se desplegue hacia Abajo? . es decir, yo lo que quiero, es que en mi menu, uno hace haga click, y las opciones de despleguen hacia abajo, 'Desplazando' el resto de las 'primeras' opciones mas abajo de las del segundo nivel, y que al cambiar vuelvan a reacomodarse.

codigo CSS.
Código PHP:
* {
  
margin:0px;
  
padding:0px;
}
#menu {    background-color:#f2f2f2; 
  
float:left;
  
width:10%;
  
border-left:1px solid #000;
  
border-right:1px solid #aaa;
  
margin:0;
  
padding:1em;
  
height:398px;
}
#menu ul { list-style-type: none;
}
#menu ul li.nivel1 { 
width70px;
margin-left5px;
}
#menu ul li.primera { 
}
#menu ul li a {display: block;
text-decorationnone;
color#000;
positionrelative;

}
#menu ul li:hover {position: relative;
color#000;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
color#becdfe;
positionrelative;
}
#menu ul li a.nivel1 {display: block!important;display: block;
positionrelative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
positionabsolute;left75px;top:-1px!important;top: -31px;
}
#menu ul li ul li a {width: 70px;
color#000;
}
#menu ul li ul li a:hover {position: relative;
color#becdfe;
}
table.falsa {border-collapse:collapse;
border:0px;
floatleft;
positionrelative;

  #2 (permalink)  
Antiguo 20/12/2009, 17:30
Avatar de Hiruma-Sama  
Fecha de Ingreso: agosto-2007
Ubicación: Floresta, Buenos Aires, Argentina.
Mensajes: 234
Antigüedad: 10 años, 3 meses
Puntos: 5
Respuesta: [Consulta] sobre menu desplegable

ya lo solucione.
  #3 (permalink)  
Antiguo 21/12/2009, 04:57
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: [Consulta] sobre menu desplegable

Cita:
Iniciado por Hiruma-Sama Ver Mensaje
ya lo solucione.
Seria intersante que compartieses como lo hicistes, asi además de preguntar, contribuyes a la comunidad.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #4 (permalink)  
Antiguo 21/12/2009, 17:45
Avatar de Hiruma-Sama  
Fecha de Ingreso: agosto-2007
Ubicación: Floresta, Buenos Aires, Argentina.
Mensajes: 234
Antigüedad: 10 años, 3 meses
Puntos: 5
Respuesta: [Consulta] sobre menu desplegable

lo solucione, pero digamos que no consegui ese efecto que buscaba en el primer post, lo que hice, fue, como habia dicho, tome el ejemplo de los Menu Desplegable que hay aqui en el foro, y lo que hice, fue "limpiarlo" para que quede del color y tamaños de mi web, no consegui el efecto que buscaba, pero por practicidad y por querer avanzar lo deje asi... mas bien simple, total no era algo si o si necesario ^^
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 18:44.