martes, 26 de noviembre de 2013

¿Cómo deshacerse de las fronteras en las imágenes dentro de enlaces

Cuando se utiliza una imagen como hipervínculo, el navegador de Internet del lector añadirá automáticamente un borde azul alrededor de la imagen. Esto permite al lector saber que hacer clic en la imagen. Sin embargo, este límite puede distraer de la imagen o el conflicto con el diseño de la página. Mediante la adición de una pequeña cantidad de código HTML a la imagen, se indica el navegador del lector no añadir esta frontera.

 

FRONTERAS DE IMÁGENES

 

Abra la página HTML en un editor de texto, como el Bloc de notas.

 

Busque la imagen que desea modificar. Será encerrado en un "img src = ..." etiqueta con un "a href =" tag antes de eso. A modo de ejemplo, el fragmento de código podría tener el siguiente aspecto:

 

a href = "http://www.somedomain.com" img src = "yourimage.jpg" href = "200" = "200" / / a

 

Agregue el código siguiente inmediatamente antes del "img scr = ..." signo de cierre de la etiqueta, que puede ser "" o "/" en función de su codificación:

 

border = "0"

 

En el ejemplo, el código sería el siguiente:

 

a href = "http://www.somedomain.com" img src = "yourimage.jpg" href = "200" = frontera "200" = "0" / / a

 

Guarde los cambios y cargar la página actualizada a su servidor para activarlo.

 

 

No hay comentarios:

Publicar un comentario