Cuando vinculamos una imagen, si no tenemos aplicada la propiedad border: none; alrededor de la imagen podremos identificar un recuadro azul, si usamos Firefox. Como decía anteriormente, con solo aplicar la propiedad anterior con su valor correspondiente esto se arreglará y el borde quedará eliminado. Esto es muy sencillo pero existe gente que tiene el problema, generalmente los que son principiantes.
Por ejemplo, en esta línea:
<a href="www.mienlace.com" title="mienlace"><img src="images/imagen.gif" title="imagen" alt="imagen" /></a>
Si la dejamos como está, nos saldrá el recuadro azul. Si deseamos que desaparezca el recuadro azul en todas las imágenes, nos vamos a nuestro documento CSS y añadimos esta clase:
img {
border: none;
}
Si deseamos eliminar el borde azul únicamente en todas las imágenes que se encuentren enlazadas, sería así:
a img {
border: none;
}
Si solo deseamos eliminar el borde azul en la imagen anterior, utilizamos los estilos en línea:
<a href="www.mienlace.com" title="mienlace"><img src="images/imagen.gif" style="border: none;" title="imagen" alt="imagen" /></a>
Si queremos podemos saber más sobre los bordes en las imágenes.
Si te ha gustado este artículo, puedes recibir gratis más y mejor por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!
