Incrustar imagen

[halizia]

Hola a todos, estoy intentando poner un link hacia la ayuda, esto se hace bien, pero cuando se muestra el icono de ayuda, siempre se dibuja un borde sobre la imagen la imagen original no tiene ningun borde.

Código PHP:

echo "<div align='right'><a href='index.php?option=com_ayuda&item=".$option."' target='nueva'><img src=\"components/com_includes/ayuda.gif\" ></a>"; 


Sabeis porque se dibuja el borde?

Saludos y Gracias!!

[dec]

Hola,

El borde aparece porque por defecto se resaltan los hiper-enlazes: y en este caso la imagen contiene o es también un hiper-enlaze, como quieras verlo. Hay varias formas de quitar ese borde si no te interesa: una es utilizar el atributo "border" del elemento "IMG", es decir:

<a href=""><img border="0" /></a>

Otra podría ser utilizar una regla CSS de modo que las imágenes no tengan bordes en ningún caso:

<style type="text/css">
  img { border: none; }
</style>

<a href=""><img /></a>

Esto último puede limitarse a una imagen en concreto de al menos dos formas diferentes:

<style type="text/css">
  img.sinborde { border: none; }
</style>

<a href=""><img class="sinborde" /></a>

O también:

<a href=""><img style="border: none;" /></a>