No me reconoce el padding en un <img> que esta dentro de un <blockquote>

K3NNY · #1 (**permalink**) 26/04/2005, 20:12

En una pagina web tengo un <blockquote> y adentro tengo un <img> con un class="icono". En la hoja de estilos puse esto...

Código HTML:

blockquote .icono {
	margin-top: 9px;
	position: relative;
	left: -10px;
	background-color: White;
	border: #80BBEC; 
	border-style: solid;
	border-left-width: 1px; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px;
	padding: 2px;
}

...y me reconoce todo MENOS el padding, no me lo muestra. El borde de la imagen sigue pegado. Alguna idea de porque pasa eso o como solucionarlo?

Desde ya muchas gracias...

Remo:Erdosain · #2 (**permalink**) 26/04/2005, 21:43

¿¿Esto no lo preguntaron hace poco??

Anyway, ¿pusiste el DTD en tu página?

K3NNY · #3 (**permalink**) 26/04/2005, 22:37

Esto?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

the_NEO_JP · #4 (**permalink**) 27/04/2005, 02:16

A mi me funciona:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Blockquote / Image</title>
	<style>
		blockquote { border:1px solid black; padding:5px; }
		.icon {
			width:20px;
			height:20px;
			border:1px solid #80BBEC;
			margin-top:9px;
			padding:2px;
			}
	</style>
</head>
<body>
<blockquote>
	<img class="icon" src="icon.gif" />
</blockquote>
</body>
</html>

Remo:Erdosain · #5 (**permalink**) 28/04/2005, 01:43

Satamente. Si no pones el DTD, IE no toma el padding para las imagenes.