login  Naam:   Wachtwoord: 
Registreer je!
 Forum

float left (Opgelost)

Offline cloudstrife - 03/03/2008 14:21
Avatar van cloudstrifePHP 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:

  1. .thumb
  2. {
  3. border: 1px solid #afafaf;
  4. padding: 10px;
  5. float: left;
  6. width: 120px;
  7. text-align: center;
  8. margin: 10px;
  9. display: table-cell;
  10. }
  11. .fotocontainer
  12. {
  13.  
  14. display: table;
  15.  
  16. align: center;
  17.  
  18. }


  1. <div class="fotocontainer">
  2. {foreach from=$albums item=album}
  3. <div class="thumb">
  4. <img src="images/fotoalbums/{$album}/index.jpg" alt="" width="100" height="68" />
  5. <p>{$album}</p>
  6. </div>
  7.  
  8. {/foreach}
  9.  
  10. </div>

1 antwoord

Gesponsorde links
Offline Jurgo - 03/03/2008 14:25
Avatar van Jurgo PHP interesse een vaste height opgeven aan de div's
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.166s