ayuda con los margenes!!!

oye tengo un problema con el margen de una galeria de fotos ya que todas las fotos sales juntas y otras si se separan pero todo esta mal alineado, tenia entendido que lo de margenes era el marging, padding, etc pero el problema es que no supe en que seccion ponerlos :sad:

la url es www.erickherrera.comocreatuweb.es/galeria-P.html

hola
checa la url que no me deja abrirla

Desde Firefox, la web se ve:


Que es lo que segun tu está mal?

pues es que le quiero dar una separacion entre cada imagen!! pero no se donde poner los padding o marging

En el css pon:

img {margin:3px}

Con eso, cada imagen estara separada de las otras 6 cm por arriba, abajo, derecha e izquierda
Cambia lo de 3px por otro numero para modificarlo

rabs!! thanks si salio... solo que en chome, sale un poco mas de margin entre la segunda y tercera fila de imagenes!!!

Hola como dice Rabs está bien. pero no estoy de acuerdo con el procedimiento, pues todas las imágenes que existan recibiran ese margen, incluso el logo.
Por que no le das una clase concreta para esas imágenes;
ejemplo... <img class="separacion"

en los css;
.separacion{margin:3px;}

Y ya de paso, a ver si te mola esto;
.separacion{margin:3px;opacity:0.85;
filter:alpha(opacity=85);}
.separacion:hover{opacity:1;
filter:alpha(opacity=100);}

No en todos los IE purrulan bien, en el 8 creo que no.

saludos

manmanu

gracias manmanu!! y saludos!! pero en el codigo html de bo insertar asi:
<img class="separacion"><img src="" alt=""> si es asi??

Hola, bueno estoooo......... entendi que sabes de lo que hablamos...perdona.
Bueno, no sé si haces el curso de jorge aquí en Comocreartuweb... te lo recomiendo.

Debes hacerlo así;
Según tu código... en la primera imagen que he cogido...

<img class="separacion" src="Porta/galeria/objetos/cantante-porta.jpg" alt="THE BEST:PORTA" height="200" width="200">

Hay otras maneras correctas de hacer esto, pero tu código html está algo diferente, pero esto te puede ayudar algo.


Luego lo que te puse;

.separacion{margin:3px;opacity:0.85;
filter:alpha(opacity=85);}
.separacion:hover{opacity:1;
filter:alpha(opacity=100);}

Copialo tal cual en tu hoja de estilos y depués de cerrar pasa el ratón por las imágenes, puedes configurar la opacidad.

saludos

perfecto manmanu pero... por que existe mas separacion entre la segunda y tercera fila de imagenes???

No están todos igual..???, o me falla la vista.
Yo lo veo con firefox.

saludos

pero con chrome se ven mal!!! no se si puedas checar!!!

Hola lo veo igual en chrome que en firefox.
Tu no....???
saludos