Estilo en imagenes

[Ozone]

Hola,
quiero que mis imágenes tengan un cuadro que las bordee, teng este code:

Código:

img {
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
}

Pero el problema es que todas las imágenes de mi sitio se bordean y yo solo quiero que lo hagan las que estan en el contenido.
Probe con esto:

Código:

.image{
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 3px;
}

Y despues puse así en el body: <div id="image"><img src="...."></div>

Pero el problema es que no bordea la imagen sino que la misma aparece dentro de un cuadro que ocupa todo el ancho del content....

Me ayudan?


Gracias.


Saludos!

[dacho]

Hola, si lo haces sobre img general (sin instanciar una clase) entonces todas imagenes del sitio tendran eso. Digamos que es lo mismoq ue hacer p{ font-color:red; } y de esta forma todos los <p></p> de la pagina seran rojo a menos que se indique estrictamente todo lo contrario.

Visto esto...

Si lo que deseas hacer es poner a una imagen el borde, y te funciono bien la primera vez, puedes hacer esto:

css:

Código HTML:

.image{
   background: #fafafa;
   border: 1px solid #dcdcdc;
   padding: 3px;
}

HTML

Código HTML:

<img class="image" src="miimagen.jpg" alt="mi imagen"/> 

Con eso lograras que solo las imagenes que tienen el class "image" tengan recuadro, Saludos y espero que te sirva!....

[Mikmoro]

También usando tu ejemplo:

<div id="image"><img src="loquesea"></div>

podría ser:

#image img {
background: #fafafa;
border: 1px solid #dcdcdc;
padding: 5px;
}

Con lo que sólo se pondrá en las imágenes dentro del div con ID image.