Foros del web, para los que viven de bits

MaxPower.es · 22-dic-2007, 08: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 !! · 22-dic-2007, 11:07

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

un saludo!

MaxPower.es · 23-dic-2007, 10: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 · 23-dic-2007, 10: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 · 23-dic-2007, 15: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

22-dic-2007, 08:19	#1 (permalink)
MaxPower.es Fecha de Ingreso: septiembre-2007 Ubicación: Internet Mensajes: 22	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-dic-2007 a las 10:28.

22-dic-2007, 11:07	#2 (permalink)
BLAH !! Fecha de Ingreso: septiembre-2003 Ubicación: Región Metropolitana, Santiago, Chile Mensajes: 566	Re: Quitar márgenes en las imágenes. <img src="http://" width="150" height="100" BORDER="0"> un saludo! __________________ Adios ...!!!!

23-dic-2007, 10:26	#3 (permalink)
MaxPower.es Fecha de Ingreso: septiembre-2007 Ubicación: Internet Mensajes: 22	Re: Quitar márgenes en las imágenes. 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>

23-dic-2007, 10:48	#4 (permalink)
Nathan_1979 Fecha de Ingreso: mayo-2007 Mensajes: 183	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.

23-dic-2007, 15:59	#5 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 6.275	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 __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado