Quitar márgenes en las imágenes.

MaxPower.es · #1 (**permalink**) 22/12/2007, 09:19

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.

BLAH !! · #2 (**permalink**) 22/12/2007, 12:07

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

un saludo!

MaxPower.es · #3 (**permalink**) 23/12/2007, 11:26

Cita:

Iniciado por BLAH !!

<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>

Nathan_1979 · #4 (**permalink**) 23/12/2007, 11:48

CSS:

img {
display:block;
border:none;
}

ó también para dejar una imagen bien acabada:

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

Salu2.

webosiris · #5 (**permalink**) 23/12/2007, 16:59

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