List met meerdere kolommen

[DNA_Saint]

Is het eigenlijk mogelijk als je een lijst hebt van laten we zeggen 12 items(checkboxes) onderelkaar

Die dan te verdelen in 3 rijen van 4?

Ik weet dat ik het eerst zelf moet proberen en moet zoeken.
Ik heb echt lang op google gezocht al en dingen geprobeerd met css(height etc), maar niks werkt.
Nu staan ze allemaal onderelkaar en dat is een beetje lang.

Hier roep ik alle data aan via php.

PHP:

<?php
    $int1 = mysql_query("SELECT interesses_id, tekst FROM interesses ORDER BY tekst");
    
    while (list($id, $tekst) = mysql_fetch_row($int1))
    {
        print "<INPUT value='$id' id='$id' name='interesses[]' type='checkbox'><label for='$id'>$tekst</label><br></INPUT>";
    
    }
?>

Nu komen ze alle checkboxes onder elkaar...

[ Voor 37% gewijzigd door DNA_Saint op 27-04-2007 19:27 ]

[Verwijderd]

Kan met een table gedaan worden

3x <tr></tr> met daartussen 4x <td></td> (<tr> is row en <td> is kolom)
Tussen de <td></td> tags komt dan je content

[DNA_Saint]

oh...ben wel vergeten iets erbij te zeggen.

Ik haal de gegevens van de list uit een database op.
Eigenlijk is het niet echt een list...meer allemaal checkboxes

PHP:

<?php
    $int1 = mysql_query("SELECT interesses_id, tekst FROM interesses ORDER BY tekst");
    
    while (list($id, $tekst) = mysql_fetch_row($int1))
    {
        print "<INPUT value='$id' id='$id' name='interesses[]' type='checkbox'><label for='$id'>$tekst</label><br></INPUT>";
    
    }
?>

Zo heb ik het nu...en ik kan dan moeilijk rows en kolommen maken.

Ik kan wel bij de data in database <tr> en <td> bij sommige velden doen. Maar dat is niet echt netjes...

[ Voor 15% gewijzigd door DNA_Saint op 27-04-2007 19:26 ]

[Swaptor]

Simpel antwoord: Het is mogelijk.
Langer antwoord: Lees je eens in in tabellen en double loops of conditional loops.

[DNA_Saint]

nee ok, dan weet ik dat het mogelijk is
was al bang voor dat het niet kon...

[XWB]

PHP:

$values = range ( 0, 11 );

echo "<ul style=\"overflow: hidden; list-style: none;\">\n";

foreach ( $values as $key => $value )
{
    echo ( $key % 4 == 3 ) ? "<li><input type=\"checkbox\"></li>\n" : "<li style=\"float: left;\"><input type=\"checkbox\"></li>\n";
}

echo "</ul>";

[djluc]

Met CSS kan het ook, maar mag je alleen toepassen als de kolommen niet van invloed zijn op de data (denk aan een grid). Je doet dan iets als:

HTML:

<style type="text/css">
    ul.dataincols {
        width: 310 px;
    }
    ul.dataincols li {
        float: left;
        width: 100 px;
    }
</style>

<ul class="dataincols">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
</ul>

[XWB]

Met CSS kan het ook

Wat heb ik gedaan dan ? Overigens nog een overlfow: hidden op ul.dataincols om weer te clearen.

[djluc]

Klopt, alleen moet je dan je html veranderen (Stel dat je 4 kolommen wilt in plaats van 3) wat niet zo handig is vind ik persoonlijk.

[Verwijderd]

Hoe ik zelf meestal zoiets doe, misschien beetje omslachtig maar toch aangezien ik nog niet echt met css ben begonnen maar dit wel van plan ben

PHP:

<table>
<?php
    $int1 = mysql_query("SELECT interesses_id, tekst FROM interesses ORDER BY tekst");
    $geplaatst = 0;
    while (list($id, $tekst) = mysql_fetch_row($int1))
    { 
    If($geplaatst == 0){
        echo("<tr>");
    }
    $geplaatst = $geplaatst +1;
    ?>
    <td><INPUT value='$id' id='$id' name='interesses[]' type='checkbox'><label for='$id'>$tekst</label><br></INPUT></td>
    <?php
    If($geplaatst == 4){
        echo("</tr>");
        $geplaatst = 0;
    }
    }
?>
</table>

[ Voor 14% gewijzigd door Verwijderd op 01-05-2007 23:41 ]