Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/05/2013, 04:45
kibura
 
Fecha de Ingreso: septiembre-2012
Mensajes: 5
Antigüedad: 11 años, 8 meses
Puntos: 0
Pregunta Even y odd no funcionan

Hola! Tengo dos columnas de imágenes que se cargan dinámicamente.
A esas imágenes les he dado un ancho fijo, de manera que las dos columnas tienen exactamente el mismo ancho, pero la altura de dichas imágenes es variable.

La idea es que no haya clear de una columna con respecto a otra, me explico: quiero esto:


Y lo consigo con todas las imágenes excepto con una:


Éste es el código HTML y PHP:

Código HTML:
<div id="tS">
<a href="presentacion.php?id=<?php echo $id2 ?>&pag=<?php echo $_GET['pag'] ?>#<?php echo $id2 ?>">
       <img src="../../img/<?php echo $img ?>" />
        <span><?php echo $subtitulo ?></span>
</a>
</div> 
Y éste el CSS:
Código:
#tS {
	position:relative;
	top:20px;
	width:830px;
}

#tS a {
	display:block;
	width:400px;
	font-size:11px;
	color:#999;
	text-decoration:none;
	margin-right:30px;
}

#tS a:nth-child(odd) {
	float:left;
	clear:left;
}

#tS a:nth-child(even) {
	margin-right:0 !important;
	float:right;
	clear:right;
}

#tS a span {
	display:block;
	width:400px;
	margin:5px 0 10px 0;
	text-align:center;
}

#tS img {
	width:400px;
}
Sabéis qué puede ocurrir?
Gracias.