Borde de Imagen que cambie de color

jsebastiann · #1 (**permalink**) 06/11/2011, 12:00

Es Sencillo. sin embargo no me funciona........
Este es mi código actual:

Código:

.thmb{
	padding: 1px 1px 1px 1px;
	background-color: #9d9d9d;
	border: 5px solid #5c5b5b;
}

a.thmb:hover img{
border-color : white;
}

Y Asi le doy la clase a la imagen

Código:

<a href="portfolio/logo_01.jpg" title="Aliaza">
    <img src="portfolio/logo_01t.jpg" class="thmb"></a>

No se si tengo mal el codigo. O simplemente no funciona por el hecho de ser un enlace...

Carlangueitor · #2 (**permalink**) 06/11/2011, 20:39

Prueba con .thmb:hover nada más.

Saludos

jsebastiann · #3 (**permalink**) 08/11/2011, 09:02

Aun no funciona....

IsaBelM · #4 (**permalink**) 08/11/2011, 09:16

Cita:

a img:hover

kseso? · #5 (**permalink**) 08/11/2011, 09:28

En su código declara:

Código CSS:

Ver originala.thmb:hover img

que significa "al hacer :hover sobre un enlace que tiene la clase thmb aplicar las propiedades declaradas a la imagen contenida en ese enlace".

Pero en su html aplica la clase .thmb no al enlace (a) sino a la imagen

Cita:

Ese es el motivo por el que no plica las propiedades declaradas.

N.B.: todo lo que se abre hay que cerrarlo (fíjese en la / que le falta al final del tag img)

Mauricio Acosta Vene · #6 (**permalink**) 08/11/2011, 11:00

Hola,

Tambien pueda xer problema del DTD de la pagina. Haz la prueba colocando lo siguiente al comienzo del sitio:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Esto hace que funcione en IE, por ejemplo.

El caracter "/" en tags que no se cierran (como img) no es necesario, inclusive el validador de W3 lo cataloga como error.