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.
Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!
40 plantillas CSS y XHTML gratis y de alta calidad »
28 tutoriales de poderosos efectos de luz con Photoshop »
100 bonitas y variadas texturas gratis »
104 tipografías gratis para diseñar sitios y logotipos »
Pack de +100.000 tipografías gratis »
Hoja de ayuda sobre la especificidad CSS »
Los 50 mejores iconos del 2008 »
Varios logotipos interesantes creados con CSS »
Excelentes diseños de logos minimalistas »
Speaky (4)
Erik (3)
Gustavo (3)
Marco (3)
@chifliiiii (2)
beastieux (2)
Boda (2)
drakkar (2)
Gil Peñaloza (2)
niconectado (2)
. My recent post Pack de 100000 tipografías...
Por ahora hay 14 comentarios ¿Quieres opinar?
Perdone, ¿sabría decirme cómo puedo instalar en blogger el truco que usted tiene en el blog que permite “responder” a un comentario? En cada comentario aparece un botón que dice responder y que al hacer clic, el nombre aparece en el cuadro de texto.
Querría ponerlo en mi blog. Le estaré muy agradecido.
Cordiales saludos.
@Marcial mira este script para blogger que te permitirá citar y responder comentarios:
http://userscripts.org/scripts/show/7667
Un saludo.
¿No sería más correcto eliminar el borde generado por ser un enlace? Es decir:
a img {border: none}
Porque si le quitas todos los bordes a las imágenes… No siempre quieres eso, vamos. Puedes hacerlo y no pasa nada, pero sería mejor sólo quitar el efecto de las imágenes con link y no de todas. Al menos eso creo.
@FeR lo indicaré en la entrada, la verdad es que si no deseamos que ninguna tenga borde puede ser una buena opción, pero también sería matar moscas a cañonazos si sólo queremos eliminar el borde en las imágenes con vínculos.
Un saludo.
@FeR exacto, lo mismo digo.
Tengo una duda: a veces, en el html, pongo border=”0″ y parece que funciona, pero ¿es correcto realmente?
@José GDF se puede hacer, pero lo correcto es definir el borde mediante CSS.
Un saludo.
gracias ya corregi ese error sitito
Gracias por postear esto. Me habéis salvado la vida con una web en joomla que me estaba tomando el pelo con los dichosos colores en ie6 e ie7.
gracias, gracias y gracias
Muchas gracias, lo pruebo ahora, me estoy pegando con los nuevos menús con imagenes y no me libro del borde.
Pedro
Muchisimas gracias por el aporte de verdad a sido de muchisima ayuda, me habia pasado toda la tarde tratando de quitar este dichoso borde y no habia podido, de verdad te lo agradezco
Saludos
Gracias por el aporte, muy útil.
Saludos desde México.
Muchas gracias, me sirvió mucho para mi blog
Muchas gracias, me ha resultado muy útil.
Un saludo de Felipe Perucho