Buenas a todos,
Estoy haciendo una galeria de imagenes que va a tener dos tipos de tamaño de imagenes, una de 210x170px mas o menos y otra de 950x170px ,mas o menos,
las imagens las almacenos en formato binario (blob), y las listos dentro de un iframe, este iframe tiene un ancho absoluto de 950px,
Mi problema es que si yo ingreso dos imagenes de 200x170 y despues una de 950x170, y despues otra de 200x170px, esta ultimas se ban abajo y no ocupan el espacio de arriba vacio...
aca imprimo las imagenes:
Código PHP:
Ver original<div id="<?php print $ta; ?>">
<div class="imagen"><? echo "<img src=\"imprime.php?id=".$reg['id']."\">" ?></div>
<div class="click">imagen</div>
</div>
si ta es 1, ejecuta contenedor en CSS y si es 2, ejecuta segundo en CSS.
aca mi CSS:
Código CSS:
Ver original#contenedor{
display:inline-block;
width:210px;
height:170px;
margin: 2px;
padding:2px;
background-color:#f5f7f9;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center; font-size:10px;
font-family:Verdana, Geneva, sans-serif
}
#segundo{
display:inline-block;
width:950px;
height:170px;
margin: 2px;
padding:2px;
background-color:#f5f7f9;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
text-align:center; font-size:10px;
font-family:Verdana, Geneva, sans-serif
}
y les dejo como queda mi galeria, las dos imagenes rojas de abajo tendrian que estar ocupando el espacio vacio de arriba...
Como podria solucionarlo?, lo que pense pero no se como hacerlo es conocer las pociciones de cada imagen y que se reubiquen.. algo asi...
Espero que se entienda mi consulta y desde ya muchas gracias
Fede