Foros del Web - Quitar márgenes en las imágenes.

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Quitar márgenes en las imágenes. (http://www.forosdelweb.com/f53/quitar-margenes-las-imagenes-542920/)

MaxPower.es

22/12/2007 09:19

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.

BLAH !!

22/12/2007 12:07

Re: Quitar márgenes en las imágenes.

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

un saludo!

MaxPower.es

23/12/2007 11:26

Re: Quitar márgenes en las imágenes.

Cita:

Iniciado por BLAH !! (Mensaje 2226272)

<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

23/12/2007 11:48

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.

webosiris

23/12/2007 16:59

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

La zona horaria es GMT -6. Ahora son las 09:21.