Foros del Web » Creando para Internet » CSS »

eliminar espacios entre imagenes

Estas en el tema de eliminar espacios entre imagenes en el foro de CSS en Foros del Web. Hola antes que nada buen dia para todos, bueno soy nuevo en esto y quizas la pregunta sea media tonta. Tengo una div cuyo codigo ...
  #1 (permalink)  
Antiguo 04/09/2007, 15:47
 
Fecha de Ingreso: septiembre-2007
Mensajes: 1
Antigüedad: 10 años, 3 meses
Puntos: 0
eliminar espacios entre imagenes

Hola antes que nada buen dia para todos, bueno soy nuevo en esto y quizas la pregunta sea media tonta. Tengo una div cuyo codigo css es:
#derecha {
display: inline;
position: relative;
margin: 0px 10px 10px 10px;
padding: 0px;
width: 162px;
float: left;
background: #FFF;
}
Y bueno dentro de esa div quiero colocar unas imagenes lo cual lo hago haciendo en el archivo xhtml:
<div id="derecha">
<img src="imagenes/prox.part..gif" width="162" height="100" border="0" alt="Próximo Partido" />
<img src="imagenes/separador.gif" width="162" height="10" border="0" alt="Separador" />
<img src="imagenes/ult.res..gif" width="162" height="100" border="0" alt="Ultimo Resultado" />
<img src="imagenes/separador.gif" width="162" height="10" border="0" alt="Separador" />
<img src="imagenes/caja.jpg" width="162" height="350" border="0" alt="Tabla Posiciones" />
</div>
Mi problema es que queda un margen entre las imagenes y no se como suprimirlo, probe creando otras div pero no me dio resultado y no quiero utilizar tablas para tener imagenes.
Bueno espero se haya entendido mi pregunta.
Saludos cordiales, Luciano
  #2 (permalink)  
Antiguo 04/09/2007, 16:00
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Re: eliminar espacios entre imagenes

puedes probar esto:
Cita:
img {margin: 0; padding: 0}
Cuentame si lo solucionaste asi. Saludos.
  #3 (permalink)  
Antiguo 04/09/2007, 16:29
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 16 años, 9 meses
Puntos: 535
Re: eliminar espacios entre imagenes

Ah, caray! si vas a usar spacers, mejor seguí con las tablas!!!
Este "híbrido" entre una estructura tableless y algo a la antigua como spacers puede resultar más perjudicial de lo que parece...

No sé qué información hay en las imágenes "Próximo Partido", "Ultimo Resultado" y "Tabla Posiciones", pero seguro lo podrías maquetar de otra manera... se me ocurre algo así:

Código:
<hX>Próximo Partido</hX>
<p>Colón - Boca</p>
<hX>Ultimo Resultado</hX>
<p>Boca 1- Huracán 0</p>
<hX>Tabla Posiciones</hX>
<table>...</table>
Editado para eliminar el reciente BUG de Próximo por Page Ranking :-p
__________________
...___...

Última edición por AlZuwaga; 04/09/2007 a las 19:44
  #4 (permalink)  
Antiguo 04/09/2007, 17:40
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Re: eliminar espacios entre imagenes

ayayay no habia notado esos pequeños gifs separadores! No no, asi no, tienes que sacar eso inmediatamente!
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:54.