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

[somaria]

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

[_cronos2]

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:

<!-- si no estás usando bordes -->
<a href='#'><img src='img.gif' border='0' alt='' /></a>
<!-- también se puede hacer con CSS pero aquí no compensa porque es más largo creo yo -->
 

#2

Código CSS:

/* si estás usando bordes */
img {border-color:#0F0;}
/* #0F0 es orientativo, usa el color que estés usando */
 

Saludos (:

[somaria]

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.

[chulifo]

solo colocalo asi

Código CSS:

img {border:none;}
 

[tadira]

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

con un simple

Código CSS:

.miImagen{
border: 1px solid #ffffff
}
 

AlejandroM!

[HalconVigia]

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!!

[American2010]

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.

[KaozC9]

@American2010, tiene razon, y la forma de quitarlo es

Código CSS:

: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"

[somaria]

Gracias por la ayuda