26 de septiembre de 2008

CSS: Como eliminar la línea de puntos de alrededor de las imágenes con enlace

En una web es habitual que muchas imágenes lleven enlaces, en ocasiones esos enlaces desencadenan eventos javascript y no van a ninguna otra página. En estos casos el navegador nos suele dejar una molesta línea de puntos intermitentes alrededor de la imagen que distraen al usuario y además dan aspecto poco profesional a la página.

Al hacer click quedaría así:

Para evitar esto tenemos que añadir a los estilos de los enlaces que se vean afectados por este borde punteado el siguiente estilo:

outline:0px;

De esta manera la molesta línea de puntos desaparecerá.

3 comentarios:

Anónimo dijo...

¡Muchísimas Gracias! Aportes como estos hacen útil la red.

quique dijo...

Gracias por el apunte, lo único que en el explorer 6 no me lo hace, ¿ alguien sabe alguna solución ?.

Saludos

Anónimo dijo...

Millones de gracias!!