Estilos en la imagen

[tiriter]

Hola a todos!
espero que puedan ayudarme con este problema que tengo :S

verán, en mi website tengo puesto que para todas las imágenes con link ocurra esto:

Código HTML:

a img {
	border-style: solid;

	border-width:1px;
	border-color: #f4b906;
	padding:2px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	background-color:#2e2e2e;
}

a:hover img {
	border-style: solid;
	border-width:1px;
	border-color: #87c6cb;
	padding:2px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	background-color:#2e2e2e;
}

pero ahora no sé como hacer para poner una imagen con link sin que se le aplique eso :S se supone que es algo sencillo, pero no sé mucho de css y no sé como arreglarlo :(

puede alguien ayudarme?

gracias de antemano! =)

[Ryo]

Puedes definir más adelante una clase de css que aplique el nuevo estilo de imagen que quieras (supongo que quieres quitar el borde, así que redefines para que no tenga borde y ya). Le aplicas esa clase a las imágenes que quieras y listo.

[tiriter]

Muchas gracias por tu rapida respuesta Ryo! =)
pero lo cierto es que no se como hacer eso :S

[jomaruro]

Hola:

Iniciado por tiriter

pero lo cierto es que no se como hacer eso :S

¿Sabes dar estilos a una imagen que hace de enlace y no a una imagen normal?

Código CSS:

img {tus-estilos;}
 

o también

Código CSS:

#imagen {tus-estilos;}
 

Código HTML:

<img id="imagen" ... />
 

Pero lo mejor que puedes hacer es leerte los manuales de XHTML y CSS de www.librosweb.es

Saludos.

[tiriter]

Iniciado por jomaruro

Hola:
¿Sabes dar estilos a una imagen que hace de enlace y no a una imagen normal?

quiero darle estilo a una imagen con link, quiero que me aparezca la iamgen normal sin los efectos que he puesto para el resto. no se como hacerlo porque yo no hice el css.

he probado eso que me has puesto y me sigue saliendo con los bordes :(

[JavierB]

Hola tiriter

Prueba con esto:

Código CSS:

a img {...}
 

Saludos,

[Ryo]

Lo que yo te proponía era lo siguiente:

Código CSS:

img.simple { ... }
 

Y en el HTML, cuando quieras que se apliquen las propiedades de simple:

Código HTML:

<img class="simple" ...>
 

Recuerda definir de nuevo las propiedades que quieras cambiar (como quitar el borde), porque lo que no digas específicamente lo cogerá de lo que tienes definido genéricamente para las imágenes que estén dentro de enlaces.