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