PHP beginner |
|
Ik ben bezig met het maken van een fotoalbum, daarin wordt op de index een overzicht van de albums gegeven. Ik doe dit via divs die via float: left naast elkaar worden gezet. Probleem is nu dat als 1 div iets uitrekt naar benede door een te lange naam er geen divs meer onder komen maar de volgende pas begint naast de uitgerekte div maar dan een rij lager. Weet iemand hoe je dit best kan oplossen?
De code:
.thumb
{
border: 1px solid #afafaf;
padding: 10px;
float: left;
width: 120px;
text-align: center;
margin: 10px;
display: table-cell;
}
.fotocontainer
{
display: table;
align: center;
}
.thumb { border: 1px solid #afafaf; padding: 10px; float: left; width: 120px; text-align: center; margin: 10px; display: table-cell; } .fotocontainer { display: table; align: center; }
<div class="fotocontainer">
{foreach from=$albums item=album}
<div class="thumb">
<img src="images/fotoalbums/{$album}/index.jpg" alt="" width="100" height="68" />
<p>{$album}</p>
</div>
{/foreach}
</div>
<div class="fotocontainer"> {foreach from=$albums item=album} <img src="images/fotoalbums/{$album}/index.jpg" alt="" width="100" height="68" /> {/foreach}
|