metal.ize - Tutorial: CSS Links en Cajas

¿Qué es esto?

Links en formas de cajas. Lo bonito de esta técnica es que podrás aplicarlo a cualquier elemento de caja que desees convertir en link siempre y cuando sea un solo elemento el que contenga toda la información del link (adiós <dl>'s =( que sería lo más semantico a usar...).

Importante

Esta técnica utiliza métodos que IE6 no trabaja muy bien que digamos. Sin embargo, los usuarios de dicho navegador no se quedarán con una lista inservible. Pueden agregar una imagen al link para que estos usuarios no se pierdan y puedan continuar navegando, aunque sin los bellos efectos que los usuarios de navegadores más decentes podrán disfrutar.

Aquí un ejemplo de los links en caja en acción:

Los usuarios de IE6 no verán el bonito color de fondo; ni tendrán una caja clickeable. En su lugar, habrá una pequeña flecha a la derecha que les indicará que se trata de un link (pueden cambiar la flecha por cualquier gif que quieran) y tendrán una pequeña parte (del tamaño de su line-height del <li>) para clickear en el link.