Question

I am new to the programming – I am retrieving information from database and I have to display these items 3 per row.
Here is the code:

<?php 
if($top) { 
   foreach($top as $val)
   { 
?>       
<tr>
<?php for($c=0;$c<=3;$c++) { ?>
   <td>
       <img src="<?= $val['image']; ?>" style="width: 75px;height: 75px;"/>
   </td>
<?php } ?>
</tr>
<?php 
    }
}
?> 

but this shows same item 3 times in a row.

Answer 1

Unless this is actually tabular data I would display all the items in a list (ul) and then simply display all the lis as inline-block and give them 33% width:

HTML

<ul id="my-list-of-items">
    <?php foreach ($top as $val) : ?>
        <li><img src="<?php echo $val['image'] ?>" alt="" width="75" height="75"/>
    <?php endforeach ?>
</ul>

CSS

#my-list-of-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #my-list-of-items li {
        display: inline-block;
        width: 33%;
    }

Edit: If you have to use a table, what you want to do is print a </tr><tr> every third item. You can use modulus for this:

if ($i++ % 3 == 0) echo '</tr><tr>';