<li><a href="#" ><img src="images/hospitality.png" title="" /></a>
Problema: la imagen se muestra dentro de un rectángulo azul en IE y Mozilla pero no en Chrome. ¿Cómo puedo eliminar esa caja azul de IE también?cómo eliminar el borde de una imagen de hipervínculo?
o añadirlo en línea para el elemento img:
<li>
<a href="#">
<img style="border: 0;" src="images/hospitality.png" title="" />
</a>
</li>
¿Por qué alentarías a alguien a escribir un estilo en línea? – Rowan
@Rowan al hacer un correo electrónico HTML? –
Puede establecer este CSS para eliminar el borde azul en cada imagen dentro de un enlace:
a img {
border: 0;
}
El "border = 0 "La solución funciona, pero no es muy fácil de implementar, ya que requiere su incorporación en todas y cada una de las imágenes de enlaces que coloque en su proyecto.
La mejor solución es incluir la siguiente etiqueta dentro <head> ... </head> etiquetas de su página, que puede estar en una página maestra para que todas las páginas interiores se inherentes desde la página principal
<style type="text/css">
<!--
img { border: none; }
-->
</style>
css externo
img {border : 0;}
img a {outline : none;}
css interna
<style type="text/css">
img { border: none; }
</style>
css en línea
<img src="logo.png" style="border-style: none"/>
Para eliminar este borde, debe establecer el borde en ninguno.
a img
{
border:none;
}
La respuesta que no incluía el CSS en línea es mejor. Deberías haberlo aceptado. – icio