Archief - Divs naast elkaar in groepen van 2 (of 3) ?

m

moose-man

Legacy Member

• 5 feb 2012

• #1

Code:

Hallo,

Ik genereer een aantal grafieken mbv google charts dat gevoed wordt door mysql data. Deze worden gedisplayed op deze manier:

Code:

<?php
for ($i=0;$i<$aantalgrafieken;$i++)  
{
?>
<div id=<?php echo "\"grafiek".$i."\"" ?> style="width: 400px; height: 240px;">/div>
		
<?php
}
?>

Dit werkt, alleen worden deze onder elkaar getoond. Aangezien ze vrij klein zijn, kan ik er gerust 2 of 3 naast elkaar zetten. Hoe doe ik dat? Iemand een idee?


Moose

d

d-zilla

Legacy Member

• 5 feb 2012

• #2

float: left;

a

adrianhates

Legacy Member

• 5 feb 2012

• #3

ge kunt ze best ook in rows zetten met ne clearfix op.

<div class="row clearfix">
<div class="rowitem">
</div>
<div class="rowitem">
</div>
<div class="last rowitem">
</div>
</div>
...
<div class="last row clearfix">
<div class="rowitem">
</div>
<div class="rowitem">
</div>
<div class="last rowitem">
</div>
</div>

A

Audiosonic

Legacy Member

• 6 feb 2012

• #4

Idd, float:left en dan clearen wanneer je naar een volgende regel wil.

m

moose-man

Legacy Member

• 6 feb 2012

• #5

voorlopig hoor ik het donderen in Keulen.. maar 'k ga ne keer googlen op float en clearfix. Hopelijk geraak ik er dan wijzer uit

A

Audiosonic

Legacy Member

• 6 feb 2012

• #6

float: laat elementen naast mekaar verschijnen (dus ipv 3 blokelementen die onder mekaar komen worden deze gewoon naast mekaar getoond, binnen de breedte van je container).
Clearfix: Hiermee hef je je float op. (dus op het laatste element dat je op die regel wil, moet je de klasse clearfix toepassen. Google maar eens op clearfix en dan zie je de css code wel die je moet gebruiken.)
De clearfix klasse is eigenlijk om te voorkomen dat je nog een extra element moet aanmaken met 'style=clear:both;'

m

moose-man

Legacy Member

• 7 feb 2012

• #7

ok ziet er goed uit ! Thanks! (waarschijnlijk kom ik na een beetje prutsen nog met vragen af )