Foros del Web » Creando para Internet » CSS »

incomodo margen en entre img

Estas en el tema de incomodo margen en entre img en el foro de CSS en Foros del Web. Hola, muy buenas. La verdad es que nunca me había parado a preguntar esto que me ha pasado muchas veces: ¿Como evitar el margen que ...
  #1 (permalink)  
Antiguo 19/06/2013, 03:55
Avatar de PedroDesing  
Fecha de Ingreso: octubre-2007
Ubicación: Barcelona, España
Mensajes: 202
Antigüedad: 14 años, 8 meses
Puntos: 18
incomodo margen en entre img

Hola, muy buenas. La verdad es que nunca me había parado a preguntar esto que me ha pasado muchas veces: ¿Como evitar el margen que dejan un grupo de imagenes colocadas seguidamente?

https://imageshack.com/scaled/large/89/8kb6.jpg

El html son las etiquetas img seguidas una detrás de otra.


Muchas gracias!
__________________
pedrorodas.com próximamente! Permanezcan atentos
  #2 (permalink)  
Antiguo 19/06/2013, 04:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años
Puntos: 2114
Respuesta: incomodo margen en entre img

Sin código es difícil saber. Aunque flotando los elementos seguramente se solucione:

Código CSS:
Ver original
  1. div#galeria img {
  2.   float: left;
  3. }
  #3 (permalink)  
Antiguo 19/06/2013, 04:52
Avatar de PedroDesing  
Fecha de Ingreso: octubre-2007
Ubicación: Barcelona, España
Mensajes: 202
Antigüedad: 14 años, 8 meses
Puntos: 18
Respuesta: incomodo margen en entre img

Muchas gracias por contestar!

Sí, esa opción la había barajado y soluciona el problema, pero pretendía solucionarlo sin flotar los elementos. Entiendo que al ser elementos de línea, puedo alinearlos uno detrás del otro sin necesidad usar float.

El código no lo he puesto porque no hay nada que altere el funcionamiento natural de los elementos <img>. Solo es un div con las img colocadas correlativamente.
__________________
pedrorodas.com próximamente! Permanezcan atentos
  #4 (permalink)  
Antiguo 19/06/2013, 05:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años
Puntos: 2114
Respuesta: incomodo margen en entre img

El problema es que aunque creas que no dejas espacios, si que los dejas en el html, porque seguramente existan saltos de linea, y eso crea espacios en elementos en linea.

Una solución, es poner el html así:

Código HTML:
Ver original
  1. <img><img><img>

En lugar de:

Código HTML:
Ver original
  1. <img>
  2. <img>
  3. <img>

Aunque te seguirá dejando un espacio por encima y por debajo.

Otra solución es haciendo algo así:

Código CSS:
Ver original
  1. div#galeria img {
  2.  margin: -2px;
  3. }

O flotar los elementos. Que entiendo como la solución más limpia.

Etiquetas: html, imagenes, img, margen
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:11.