gegevens naast elkaar krijgen

Status
Niet open voor verdere reacties.
K

kaveve

Gebruiker
Lid geworden
28 dec 2010
Berichten
30
Beste,

Ik haal uit een database een 50-tal wielerploegen met telkens 10 renners.

Nu zou ik dit op scherm laten verschijnen en dit lukt me ook.
Maar de ploegen staan netjes onder elkaar waardoor ik een erg lange lijst krijg, die zeer smal is.

Is er een mogelijkheid om vb de eerste 4 ploegen naast elkaar te krijgen, daaronder dan de 4 volgende, enz...

Dank bij voorbaat.
 
Dit kun je prima met CSS op lossen lijkt mij: http://jsfiddle.net/rxuL5/

HTML: 
<div class="container">
    <div class="column">
        data
    </div>
    <div class="column">
        data
    </div>
    <div class="column">
        data
    </div>
    <div class="column">
        data
    </div>
    <div class="column">
        data
    </div>
</div>
Code: 
.container
{
    width: 480px;
    background: grey;
}
.column
{
    float: left;
    width: 100px;
    margin: 10px;
    background: black;
}
 
Ik begrijp het principe van de 4 divs, maar hoe moet ik mijn php schrijven?

nu heb ik enkel dit in mijn html staan :

<?php
while($rij = mysql_fetch_array($recordset3))
{
?>

<table>


<tr>
<td width="100">&nbsp;</td>
<td width="50"><?php echo(weergave($rij["id"])); ?></td>
<td width="300"><?php echo(weergave($rij["ploeg"])); ?></td>
<td width="200"><?php echo(weergave($rij["directeur"])); ?> </td>
<td width="50" align="center"><?php echo(weergave($rij["totaal"])); ?></td>
</tr>
</table>
 
PHP: 
<div class="container">
<?php
while( $row = mysql_fetch_assoc( $recordset3 ) )
{
?>
<div class="column">
   <?php echo weergave( $row['id'] ); ?>
   <?php echo weergave( $row['ploeg'] ); ?>
   <?php echo weergave( $row['directeur'] ); ?>
   <?php echo weergave( $row['totaal'] ); ?>
</div>
<?php
}
?>
</div>
Afhankelijk van wat de functie weergave() doet wordt nu alles achter elkaar gezet.
Opmaak kun je beter via CSS regelen dan met een <table> :)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan