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.