Foros del Web » Creando para Internet » HTML »

¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

Estas en el tema de ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia? en el foro de HTML en Foros del Web. Porqué las imágenes que tienen vínculos en mi web, al darle clic, tiene un color de borde diferente (rayas puntuadas en el contorno de la ...
  #1 (permalink)  
Antiguo 14/09/2010, 18:56
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 7 años, 6 meses
Puntos: 1
¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

Porqué las imágenes que tienen vínculos en mi web, al darle clic, tiene un color de borde diferente (rayas puntuadas en el contorno de la imagen) dependiendo del navegador; pese a que cuando lo edite con el Dreamweaver es un color deteminado y sin bordes.
Gracias por la respuesta
  #2 (permalink)  
Antiguo 15/09/2010, 10:32
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

Eso es porque al ser un enlace, a la imagen se le da un borde para que el usuario sepa que es un enlace. Esto se puede arreglar de dos maneras:
#1
Código HTML:
Ver original
  1. <!-- si no estás usando bordes -->
  2. <a href='#'><img src='img.gif' border='0' alt='' /></a>
  3. <!-- también se puede hacer con CSS pero aquí no compensa porque es más largo creo yo -->
#2
Código CSS:
Ver original
  1. /* si estás usando bordes */
  2. img {border-color:#0F0;}
  3. /* #0F0 es orientativo, usa el color que estés usando */

Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 16/09/2010, 10:14
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

Gracias por la ayuda, te quería comentar algo, en el explorer 8, cuando se da clic en la imagen, se ve un ligero contorno blanco de rayas punteadas, en el Mozilla 3.6.3 cuando se da clic en la imagen, se ve un ligero contorno negro de rayas punteadas todo eso en un monitor LCD de 22”, pero en monitores más pequeños no se ve ninguna raya, a ver si me ayudas a entender mejor ese detalle.
Saludos.
  #4 (permalink)  
Antiguo 16/09/2010, 10:27
Avatar de chulifo  
Fecha de Ingreso: abril-2009
Ubicación: perdido en codigos del PHP, pero aprendo rapido!
Mensajes: 523
Antigüedad: 8 años, 8 meses
Puntos: 18
Respuesta: ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

solo colocalo asi

Código CSS:
Ver original
  1. img {border:none;}
__________________
Solo soy un simple fanático que mata el tiempo de la mejor manera.
  #5 (permalink)  
Antiguo 16/09/2010, 14:08
 
Fecha de Ingreso: agosto-2010
Ubicación: Mérida
Mensajes: 12
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

O al colocarlo a la imagen dale una "clase" para que puedas escoger el color del borde

con un simple

Código CSS:
Ver original
  1. .miImagen{
  2. border: 1px solid #ffffff
  3. }


AlejandroM!
  #6 (permalink)  
Antiguo 16/09/2010, 14:19
 
Fecha de Ingreso: abril-2003
Ubicación: Mexico
Mensajes: 604
Antigüedad: 14 años, 7 meses
Puntos: 23
Respuesta: ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

buenas!!!

hace mucho tiempo tuve el mismo problema y lo solucione asi:

Código PHP:
<a href="http://www.forosdelweb.com/f4/por-que-dar-clic-imagen-que-tiene-vinculo-contorno-cambia-842186/....."><img src="http://www.forosdelweb.com/f4/por-que-dar-clic-imagen-que-tiene-vinculo-contorno-cambia-842186/....." border="0"></a
concretando solo le indico que no tenga borde ;)

funciona en todos los navegadores

un saludo!!
__________________
¡El Respeto al Derecho Ajeno Es la Paz!
  #7 (permalink)  
Antiguo 16/09/2010, 18:06
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 14 años, 8 meses
Puntos: 34
Respuesta: ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

Ese borde que dices es usado para cuando alguien (en el caso de que pase) este navegando con el teclado y presionando Tab, entonces ese borde le indicaría en que parte activa de la página está parado.

Fijate que cuando clickeas en este foro en Enviar, o Editar en los nuevos mensajes, tambien sale una linea punteada de ese estilo.
__________________
elGastronomo
  #8 (permalink)  
Antiguo 16/09/2010, 21:16
 
Fecha de Ingreso: abril-2010
Ubicación: Chile
Mensajes: 76
Antigüedad: 7 años, 8 meses
Puntos: 3
Respuesta: ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

@American2010, tiene razon, y la forma de quitarlo es
Código CSS:
Ver original
  1. :focus{outline:0px;}
Ahora, no recomiendo quitarlo, por la razon que te explica @American2010, ese borde es usado cuando alguien navega con el teclado, por tanto si uno de tus usuarios por X motivos, debe hacerlo, no podra saber en que lugar esta "parado"
  #9 (permalink)  
Antiguo 20/09/2010, 22:55
 
Fecha de Ingreso: mayo-2010
Mensajes: 33
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: ¿Por qué al dar clic a una imagen que tiene un vínculo el contorno cambia?

Gracias por la ayuda

Etiquetas: vinculo
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 20:08.