De Marco Recuenco, Angel Daniel escribió:
cuál es la manera de hacer que el roollover de un 'li' no lo haga
sólo al texto y sí a todo el espacio del li, he probado a poner el 'a
href' envolviendo el li pero no debe ser la forma.
No, no lo es. Básicamente porque eso sería HTML no válido y dios mataría
a un gatito si lo usaras.
Te explico. Necesitarás un código de partida parecido a este:
<ul>
<li><a href="#">Blas</a></li>
</ul>
Para que el "rollover" se aplique cuando el puntero pase por cualquier
parte del elemento de lista (y no solo sobre el texto del enlace),
tendrás que empezar por convertir el enlace en elemento de bloque. Así:
li a {
display: block;
}
Epa, funcionando. Pero perito pero: IE te dará problemas. Yo te daré la
solución: necesitas aplicar "layout" a los elementos conflictivos. Allá
vamos:
/* que no lo vea IE Mac \*/
* html ul li, * html li a {
height: .1em;
}
/* que vuelva a la vida */
Si necesitas (necesitáis) cualquier aclaración, preguntad. Con claridad,
a ser posible.
Salud,
Choan
_______________________________________________
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
