02/03/2007, 16:06
|
 | Colaborador | | Fecha de Ingreso: octubre-2006 Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes Puntos: 280 | |
| Re: IE7 agrega espacio alrededor de las imágenes
Hola, K3NNY.
Prueba a ver si te sirve este código:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Prueba</title>
<style>
body, ul, li, img { border: medium none ;
margin: 0pt;
padding: 0pt;
}
ul li { background-color: rgb(255, 204, 153);
height: 19px;
overflow: hidden;
}
ul#test2 li { margin-bottom: 10px;
}
#test img { float: left;
}
</style>
</head>
<body>
<h1>¡IE Sucks!</h1>
<h2>Lista de imagenes</h2>
<ul id="test1">
<li><img src="menu_01.png" alt=""></li>
<li><img src="menu_02.png" alt=""></li>
<li><img src="menu_03.png" alt=""></li>
</ul>
<h2>Lista de imagenes con un margen inferior de 10px en cada "li"</h2>
<ul id="test2">
<li><img src="menu_01.png" alt=""></li>
<li><img src="menu_02.png" alt=""></li>
<li><img src="menu_03.png" alt=""></li>
</ul>
<h2>Lista de palabras</h2>
<ul>
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
<li>Sit Amet</li>
</ul>
<h2>Imagenes flotadas hacia la izquierda</h2>
<div id="test">
<img src="menu_01.png" alt="" hspace="0"><img
src="menu_02.png" alt="" hspace="0"><img
src="menu_03.png" alt="" hspace="0"></div>
</body>
</html>
Mikel. |