Enlaces con imágenes que no se ven igual en Firefox y en IExplorer

viernes, 20 de febrero de 2009

Cuando hacia un enlace con una imagen utilizaba el siguiente código para que no se vieran los bordes del enlace:

----------------------------------------------------------

a:link, a:visited{color:#000000;text-decoration:none;}

----------------------------------------------------------------------


Esto funcionaba perfecto en Firefox pero IExplorer se veía un feo borde azul alrededor de la imagen como si no le hubiera enlazado el CSS.

Busque en Internet y encontré este foro http://www.php-hispano.net/foros/CSS/21165 la respuesta, la forma correcta y funcional de hacer el estilo es así:

--------------------------------------------------------------------------

a:link, a:visited{border: 1px solid #000000;display: block;}

img{border: 0px;}

--------------------------------------------------------------------------


De esta manera los enlaces con imágenes se ven iguales en IExplorer y en Firefox, el error estaba en quitar la decoración del texto "text-decoration:none;" que es solo para texto .

Espero este dato les sirva tanto como a mí.

Recuerden dejar sus comentarios.

1 comentarios:

Anónimo dijo...

Me funciono a la perfeccion, gracias.
:)