Micaela 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
Acceder