(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 {
width: 70px;
margin-left: 5px;
}
#menu ul li.primera {
}
#menu ul li a {display: block;
text-decoration: none;
color: #000;
position: relative;
}
#menu ul li:hover {position: relative;
color: #000;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
color: #becdfe;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: block;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 75px;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;
float: left;
position: relative;
}