Foros del Web » Creando para Internet » CSS »

Quitar márgenes en las imágenes.

Estas en el tema de Quitar márgenes en las imágenes. en el foro de CSS en Foros del Web. Si ejecutáis esto observaréis que tanto en FF como en IE aparecen unos márgenes laterales y en el borde inferior. Código HTML: <html> <body> <span ...
  #1 (permalink)  
Antiguo 22/12/2007, 09:19
Avatar de MaxPower.es  
Fecha de Ingreso: septiembre-2007
Ubicación: Internet
Mensajes: 22
Antigüedad: 10 años, 2 meses
Puntos: 0
Quitar márgenes en las imágenes.

Si ejecutáis esto observaréis que tanto en FF como en IE aparecen unos márgenes laterales y en el borde inferior.

Código HTML:
<html>
<body>
<span style="background-color:red;">
<img src="http://" width="150" height="100">
</span>
</body>
</html> 
He probado poniéndole valores margin:0 desde css, pero sin resultado.

------------

SOLUCIONADO:

Poned "display:block" en el css de la imagen y adiós márgenes por defecto.

Última edición por MaxPower.es; 23/12/2007 a las 11:28
  #2 (permalink)  
Antiguo 22/12/2007, 12:07
Avatar de BLAH !!  
Fecha de Ingreso: septiembre-2003
Ubicación: Región Metropolitana, Santiago, Chile
Mensajes: 706
Antigüedad: 14 años, 2 meses
Puntos: 16
Re: Quitar márgenes en las imágenes.

<img src="http://" width="150" height="100" BORDER="0">

un saludo!
__________________
Adios ...!!!!
  #3 (permalink)  
Antiguo 23/12/2007, 11:26
Avatar de MaxPower.es  
Fecha de Ingreso: septiembre-2007
Ubicación: Internet
Mensajes: 22
Antigüedad: 10 años, 2 meses
Puntos: 0
Re: Quitar márgenes en las imágenes.

Cita:
Iniciado por BLAH !! Ver Mensaje
<img src="http://" width="150" height="100" BORDER="0">

un saludo!
Eso no era, pero gracias.

Resulta que poniendo el atributo "display:block" en el css de la imagen, dichos márgenes se quitan.

Código HTML:
<html>
<body style="background-color:00f;">
<span style="background-color:red;">
<img style="display:block;" src="governor3k3-ICE.png">
</span>
</body>
</html> 
  #4 (permalink)  
Antiguo 23/12/2007, 11:48
 
Fecha de Ingreso: mayo-2007
Mensajes: 348
Antigüedad: 10 años, 6 meses
Puntos: 9
Re: Quitar márgenes en las imágenes.

CSS:

img {
display:block;
border:none;
}


ó también para dejar una imagen bien acabada:


img {
display:block;
padding:4px;
border:1px solid #c3c3c3;
}

Salu2.
  #5 (permalink)  
Antiguo 23/12/2007, 16:59
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Re: Quitar márgenes en las imágenes.

display:block para las imágenes es el valor por defecto, y con margin:0 se debería de quitar... para mi que o
a) no estas usando ningún doctype
b) tenes algún css extra que te desacomoda el comportamiento defaut
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
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 12:12.