Foros del Web » Creando para Internet » HTML »

imagen enlace sin marcas de enlace

Estas en el tema de imagen enlace sin marcas de enlace en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/06/2005, 05:49
 
Fecha de Ingreso: mayo-2005
Mensajes: 64
Antigüedad: 12 años, 7 meses
Puntos: 1
imagen enlace sin marcas de enlace

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
  #2 (permalink)  
Antiguo 22/06/2005, 07:10
Avatar de izar  
Fecha de Ingreso: enero-2004
Mensajes: 519
Antigüedad: 13 años, 10 meses
Puntos: 1
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> 
  #3 (permalink)  
Antiguo 22/06/2005, 08:43
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
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
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #4 (permalink)  
Antiguo 22/06/2005, 09:39
Avatar de donpincho  
Fecha de Ingreso: enero-2002
Mensajes: 563
Antigüedad: 15 años, 11 meses
Puntos: 1
o tambien puedes quitarle el borde a la etiqueta para que no muestre ningun borde:
<img src='...' border=0>

:D
  #5 (permalink)  
Antiguo 22/06/2005, 13:31
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 12 años, 6 meses
Puntos: 10
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> 
  #6 (permalink)  
Antiguo 22/06/2005, 13:41
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
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,
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:14.