duda con menú desplegable a partir de css

cacr · #1 (**permalink**) 21/03/2006, 11:35

Saludos

Estoy aprendiendo a hacer menús desplegables, a partir de css...

Tengo lo siguiente (lo cual, lo encontré en la web):

Código HTML:

ul li {
  position: relative;
}
li ul {
  position: absolute;
  left: 80px;
  top: 0;
  display: none;
}
ul li a {
  display: block;
  text-decoration: none;
  color: #777;
  background: #fff;
  border-bottom: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 80px;
  border-bottom: #ccc;
}
li {
  padding:3px;
}
li:hover ul, li.over ul { 
  display: block;
}
<body>
  <ul>
    <li><a href="#">Quienes</a>
      <ul>
        <li>historia</li>
        <li>mision</li>
        <li>vision</li>
        <li>objetivos</a></li>
        <li>leyes</li>
        <li>organigrama</li>
        <li>PUF</a></li>
        <li>contactar</li>
        <li>intranet</li>
        <li>admin</li>
        <li>enlaces</li>
      </ul> 
    </li>
  </ul>
</body>

Vale decir, que funciona perfectamente, y lo tengo con un menú mejor organizado y estructurado.

Mi inquietud viene, porque, cuando el menú desplegado es más largo que la pantalla, no puedo alcanzarlas opciones que quedan debajo...

Ideas??? Gracias

Jorolo · #2 (**permalink**) 21/03/2006, 12:34

Hola cacr.

No entiendo exactamente tu consulta.

Si el menú desplegado es mas alto que el area de visualización de la ventana del navegador, ¿No puedes alcanzarlas?

¿Cómo es eso? ¿No funciona ni el scroll, ni la rueda del ratón, ni las flechas del teclado, ni ...?

No sé a que te refieres. probando tu código no he tenido el problema que mencionas.

¿No tendrás definido en algún sitio un overflow: hidden;?