Foros del Web - Ver Mensaje Individual

kseso? · #6 (**permalink**) 20/08/2009, 06:19

Posiblemente lo soluciones si al selector de img añades un "float:left", borrando el espacio en blanco que tienes entre ~~0 px~~ (0px) o mejor aún, cuando un valor es cero, no necesitas especificar la unidad (es cero ya sean px, em, %...)

Mira este código. Redimensiono las imágenes via css porque son mayores y tomadas de la red para el ejemplo:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>kseso? jugando con css</title>
<style type="text/css">
* {margin: 0; padding: 0; border: 0; outline: none; position: relative;}
body {background: #cdcdcd} 
#contenido {
margin:0 auto;
overflow:hidden;
width:900px;
}
#contenido img {float: left; width: 300px; height: 200px;}
 
</style>
</head>
<body>
<div id="contenido">
<img src="http://e-nimals.com/wp-content/uploads/2008/05/el-pajaro-mosca.jpg" alt="1" />
<img src="http://www.afotos.net/public/albunes/468/pajaro.jpg" alt="2" />
<img src="http://www.fotografia-digital.info/pajaros/pajaro-4.jpg" alt="3" />
</div>
</body>
</html>

Un saludo