imagen enlace sin marcas de enlace

Julius84 · #1 (**permalink**) 22/06/2005, 04:49

Hola!
Mi problema es que quiero poner una imagen como un enlace a otra página, pero no quiero que me aparezca el recuadro azul alrededor (típico de los enlaces), o el morado una vez que he pinchado sobre él.
Un saludo

izar · #2 (**permalink**) 22/06/2005, 06:10

Código HTML:

<html>
<head>
<html>
<Head>
<STYLE TYPE="text/css">
//------------------para cuando tengas links de texto  -------------------
A:link{color:white;text-decoration:none}
A:visited{color:white;text-decoration:none}
A:hover{color:white;text-decoration:none}
//--------------------------------------------------------------------------
</STYLE>
</Head>
<body>
<a href="http://www.google.es"><img src="imagen.gif" border="0"></a>
</body>
</html>

Daniel Ulczyk · #3 (**permalink**) 22/06/2005, 07:43

Fijáte de armar tu enlace de la siguiente forma:
<A href="#" onFocus="this.blur()">
Eso elimina el punteado sobre el link, la imagen.
Saludos

donpincho · #4 (**permalink**) 22/06/2005, 08:39

o tambien puedes quitarle el borde a la etiqueta para que no muestre ningun borde:
<img src='...' border=0>

:D

axz · #5 (**permalink**) 22/06/2005, 12:31

Código HTML:

<style type="text/css">
a.imagen
{
  text-decoration: none;
}
</style>

<a href="tu_url" class="imagen">
  <img src="tu_imagen" style="border: 0px;" />
</a>

JavierB · #6 (**permalink**) 22/06/2005, 12:41

Hola a todos.

Como veo que se han dado varias alternativas, voy a poner otra más. Creo recordar que lo aprendí de kemie (¡Hola!

)

Código:

<style type="text/css">
a img {border:0}
</style>

<a href="tupagina.html"><img src="tuimagen.jpg"></a>

Saludos,