8 replies to this topic

[yonghan]

Hi all,i'm trying to display products by limiting it to 3 columns in a row..How should i achieve it?Thanks..

[Pa28]

I'm guessing you have your list of products in an array?

<?php

    $products = array("A", "B", "C", "D", "E", "F", "G");

    

    

    $numColumns = 3;

    

    echo("<table>");

    

    while($k<count($products)){

        echo("<tr>\n");

        for($j=0; $j<$numColumns; $j++){

            $k = $j + $i*$numColumns;

            if(isset($products[$k])){

                echo("<td>".$products[$k]."</td>\n");

            }else{

                echo("<td></td>\n");

            }

        }

        echo("</tr>\n");

        $i++;

    }

    

    echo("</table>");

?>

[yonghan]

Thanks Pa28....By the way,is it possible to achieve it by using css?

[BlaineSch]

Make a div with the width of what you want, then make the div's inside float left, specify one third width. No need for breaks etc it does so automatically:

<div style="border:2px solid black;width:650px;display:table;">
	<div style="float:left;border:2px solid green;width:200px;">ONE</div>
	<div style="float:left;border:2px solid red;width:200px;">TWO</div>
	<div style="float:left;border:2px solid blue;width:200px;">THREE</div>
	<div style="float:left;border:2px solid purple;width:200px;">THREE</div>
</div>

[yonghan]

@BlaineSch It can be used inside the loop,does it?Thanks..

[BlaineSch]

Yes, exactly!

[yonghan]

So i should change table to div,isn't it?Is it the same with <tr> and <td>? Thanks

[BlaineSch]

<?php

    $products = array("A", "B", "C", "D", "E", "F", "G");

    

    

    $numColumns = 3;

    

    echo '<div style="width:650px;display:table">';

    while($k<count($products)){

        for($j=0; $j<$numColumns; $j++){

            $k = $j + $i*$numColumns;

            if(isset($products[$k])){

                echo '<div style="float:left;border:2px solid green;width:200px;">'.$products[$k].'</div>\n';

            }

        }

        $i++;

    }

    

    echo '</div>';

?> 

[yonghan]

Ok,thanks a lot guys..I'll try it out.. ^_^