Hola, les escribo este post con la intención de aprender como onseguir el
efeceto ACTIVE deseado en una lista desorneada empleada con la función d emenú,
cuando un elemento de la lista (menú) está activo.
Mi idea es colocar la lista de forma horizontal, al hacer hover se subraye con
un borde inferior de color y que una vez sea activo tenga el mismo estilo,
subrayado con el mismo borde y mismo color.
Ahora tengo este código:
<ul id="nav">
<li><a href="#" class="active">A</a></li>
<li><a href="#" >B</a></li>
<li><a href="#" >C</a></li>
<li><a href="#" >D</a></li>
<li><a href="#" >E</a></li>
</ul>
Donde la CSS es esta:
#nav {position: relative; margin: 0px 0px 0 16px; padding: 0 0 0
10px;width:
712px; border: none;}
#nav li {margin: 0; padding: 0; display: inline; list-style-type: none;}
#nav a:link, #nav a:visited {float: left; font-size: 10px; line-height:
14px; font-weight: bold; margin: 4px 10px 0 10px; padding-bottom: 2px;
text-decoration: none; border: none; color: #666;}
#nav a:link.active, #nav a:visited.active, #nav a:hover {border-bottom: 4px
solid #0086da; padding-bottom: 2px; color: #000;}
Mediante este código html+css cosnigo el efecto pero de una forma errónea, ya
que sólo tengoACTIVE la opción A, del menú ya que viene con la clase="active"
ewn el link.
Qué debo cambiar, corregir o aprender para que este efecto deseado de ACTIVE sea
cuando realmente debe ser, es decir cuando tienes seleccionado un elemento del
menú.
Supono que la CSS estará bien pero me fallará el código (x)html, no?
Espero puedan ayudarme, saludos!!
Oscar
----------------------------------------------------------------
This message was sent using IMP, the Internet Messaging Program.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
