Micaela Martes, 12 de Agosto de 2008 a las 18.15
   Imprimir artículo
elWebmaster.com

Destacando las abreviaturas y acrónimos con CSS

En Real World Style encontré  un pequeño truco que puede interesarles para utilizar junto a los tags ABBR y ACRONYM. Estos elementos HTML son sumamente útiles, aunque poco usados, y sirven para explicar una abreviatura o un acrónimo a los usuarios.

Sin embargo la mayoría de los navegadores actuales no hace nada para señalar a los usuarios dónde se usa alguno de estos tags, por lo tanto no lo notan y no lo utilizan. Con el siguiente código CSS es posible modificar esto en todas las páginas de tu sitio.

Así debería ser tu código CSS:

abbr, acronym {
border-bottom: 1px dotted #333;
cursor: help;
}

Este código hará que todos estos elementos aparezcan subrayados con una línea punteada y que al posar el mouse sobre ástas se muestre un signo de pregunta y, seguidamente, se despliegue la acotación realizada sobre el tema.

Tan sólo con esto ya tendremos el problema solucionado y sin esfuerzo alguno. ¿Qué esperas para ponerlo en práctica?

Fuente: Real World Style

Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar Sesión