Contenido

Truco CSS definitivo contra los enlaces feos

1 May

+ 14

Muchas veces cuando maquetamos nuestros sitios web nos encontramos con problemas con enlaces sobre imagenes, el problema más común es que cuando hacemos click sobre él nos deja un borde feo sobre él mostrando el tamaño del mismo.

ataghack.jpg

Una forma de solucionar esto es mediante la propiedad CSS outline. Con una simple línea podremos eliminar este borde tan feo :D

outline:none;

Si quieres más información sobre este atributo, recomiendo este artículo de el Plan Seldon, un gran blog.

Hahahahahahahaha, Yo justo hace unos 2 o 3 dias atras escribi exactamente lo mismo en mi blog x)

Este tip, verdaderamente es bueno,Quita lo molestos puntos que molestan un monton x)

Saludos ^^

Eso era exactamente lo que quiería saber, gracias por el tip! :)

¡Muchas gracias! Qué alivio… :)

Muy bueno, ya lo he puesto y funciona a la perfección. Por cierto, ¿y para quitar los bordes que salen en las imágenes linkadas en IE?

Estaría genial si no fuese por el considerable problema de accesibilidad que estás creando

Herrr.. yo lo he resuelto con border=none.. jeje.. Saludos.

Eso de la accesibilidad va por lo que preguntaba? :S

Genial!!! Y alguien sabe como evitar los molestos iconos que pone internet explorer al situar el ratón encima de una imagen. Esos iconos para guardar la imagen, enviarla por mail…

si, yo lo publiqué hace un tiempo:

http://edenahp.net/?p=7

y en verdad ocupa menos.
puedes usar:

outline:0; en vez del outline:none;
:) saludos!

Aaaaaaaa, muchas gracias anieto.

Excelente en el momento que mas lo ocupaba, me servira de mucho

Esta Excelenteee!!! Se agradece!

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.