Comunidad de diseño web y desarrollo en internet online

¿Quitar borde azul en imágenes que uso como links? (con css)

Citar            
MensajeEscrito el 20 Ene 2009 08:56 am
Hola, si pongo una imagen como enlace a otra web (en lugar de texto normal y corriente) me sale la imagen con un borde azul. ¿Alguien sabe como hacer mediante css para que no aparezca? El código html sería este:

Código :

<a href="www.terra.es" class="link_image"><img src="mi_imagen.jpg"></a>


En el fichero css he probado a poner la propiedad del color del enlace (en mi caso una foto) del mismo color del fondo de mi web (blanco), así:

Código :

a.link_image
{
     color: #ffffff;
}


Y me funciona en firefox, pero no en ie. También he probado a ponerle la propiedad text-decoration:none pero no hace nada.

Gracias.

Por espidifen33

23 de clabLevel



 

msie7
Citar            
MensajeEscrito el 20 Ene 2009 12:31 pm
Ese problema resulta por el borde que les aplican los navegadores a las imagenes; de manera que debes eliminarlo.

Esta tarea se efectua así:

Código :

img
{
  border:0;
}

Por ShotoKan

45 de clabLevel



Genero:Masculino  

msie7
Citar            
MensajeEscrito el 21 Ene 2009 09:23 am

ShotoKan escribió:

Ese problema resulta por el borde que les aplican los navegadores a las imagenes; de manera que debes eliminarlo.

Esta tarea se efectua así:

Código :

img
{
  border:0;
}


Muchas gracias.

Por espidifen33

23 de clabLevel



 

msie7
Citar            
MensajeEscrito el 21 Ene 2009 10:58 am
Siguiendo con el tema de las imágenes, me ha surgido otro problema. En IE aparecen como deben, pero en Firefox parece como que mete márgenes adicionales por arriba y por abajo, y todo lo que pongas encima o debajo de una imagen aparece un poco separado de ella (concretamente te mete 2 px de separación por arriba y 3 px por abajo). He intentado poner esto en el fichero css para corregir el fallo pero no hace nada:

Código :

img
{
   border: 0;
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
}


Gracias.

Por espidifen33

23 de clabLevel



 

msie7
Citar            
MensajeEscrito el 24 Mar 2009 06:53 pm

ShotoKan escribió:

Ese problema resulta por el borde que les aplican los navegadores a las imagenes; de manera que debes eliminarlo.

Esta tarea se efectua así:

Código :

img
{
  border:0;
}


:shock: Ecelente!!!

Saludos =)

Por Verys

67 de clabLevel



Genero:Femenino  

Argentina

firefox
Citar            
MensajeEscrito el 02 Dic 2009 06:34 am
Bien, hoy me sirvió este post.

Gracias.

Por JOHNMARTIN

Claber

1222 de clabLevel

4 tutoriales
4 articulos
2 ejemplos

Genero:Masculino  

||| BOGOTA COLOMBIA |||

firefox
Citar            
MensajeEscrito el 28 Ene 2010 09:47 am
Hola a todos, se puede, en vez de eliminar el borde aul , cambiarle el color?

Saludos :)

Por monty10

0 de clabLevel



 

msie7
Citar            
MensajeEscrito el 05 Ene 2011 10:29 pm
:D Muchas gracias. Me ha servido de mucho lo mencionado en este post...
Saludos...

Por alemanyardy

1 de clabLevel



Genero:Masculino  

Programador Sistemas Audiovisuales

msie8
Citar            
MensajeEscrito el 07 Ene 2011 08:13 pm

monty10 escribió:

Hola a todos, se puede, en vez de eliminar el borde aul , cambiarle el color?

Saludos :)


img{
border-color: #ff0000;
}

Por sgerman7

48 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 16 May 2011 08:33 pm
Excelente lo ideas es ponerlo en la cabezera ni bien escribimos en documento como asi como el selector universal

*{
margin:0px;
padding: 0px;

}
y despues

img {
border:0px;
}

Por ideasclaras

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 07 Mar 2013 09:01 pm
Evitar borde azul del vinculo.
En una imagen que sea vinculo

<style>

a img {border:0; }

</style>

(probado en IE6)

Por pcmissett

0 de clabLevel



Genero:Masculino  

webmaster, soporte tecnico, seo

chrome
Citar            
MensajeEscrito el 18 Sep 2013 01:14 pm
¿y como se podria quitar para una imagen en la que se defina la zona de enlace mediante "map"?

milchisimas gracias

Por kaquna

68 de clabLevel



Genero:Femenino  

safari
Citar            
MensajeEscrito el 09 Jul 2015 02:58 pm
realmente me sirvio con I EXPLORER 8 thanks

Por mckenneth

0 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.