Displayed Database information not fitting on page correctly.

Ellie123

you can see my page here http://altadorcup.sketchedneo.com/tester4.php

its suppose to have

Shield Shield Shield
css code css code css code
html code html code html code
direct url direct url direct url

But, it just keeps going across.. how do I make it stop at 3 shields and then the next 3 begin again below?

my coding is:

<?php
include ($_SERVER['DOCUMENT_ROOT'].'/dblink.php');
$sort = mysql_query("SELECT * FROM acshields WHERE checked = 1 ORDER BY id");

while($sort2 = mysql_fetch_array($sort))

{ 

$graphic_image .= "<td> <img src=\"$sort2[url]\"></td>"; 
$graphic_code .= "<td>CSS Code: <br>
    <textarea><style>
#userinfo .contentModuleContent {
	background-image: url(\"$sort2[url]\");
	background-repeat: no-repeat;
	background-position: top right;
}
#userinfo .medText img {
	visibility: hidden;
}
#userinfo .medText table table img {
	visibility: visible;
}
</style> </textarea><p>


  HTML Code: <br>
<textarea><img src=\"$sort2[url]\">
</textarea><p>
    URL: <br>
<textarea>$sort2[url]
</textarea>  </center></td>"; 


$graphic_by .= "<td><center>$sort2[name] || Made by: $sort2[madeby]</center></td>"; 
}

?>
<table> 
<tr><td></td><?=$graphic_image?></tr> 
<tr><td></td><?=$graphic_code?></tr>
<tr><td></td><?=$graphic_by?></tr>  

</table>

Bonesnap

In your loop check if you've printed three columns. If you have, then end your current row and start another one.

Ellie123

Bonesnap;11005335 wrote:
In your loop check if you've printed three columns. If you have, then end your current row and start another one.

Sorry, im new to this,

Can you give me an example please

Bonesnap

Ellie123;11005336 wrote:
Sorry, im new to this,

Can you give me an example please

In your loop create a counter. Each time the loop executes, increase the counter by one. Check to see if it's evenly divisible by three. If it is, then you know you've printed three columns and it's time to create a new row. Reset the counter and continue.

Ellie123

i tried putting

for ($i=1; $i<=3; $i++)

$graphic_image .= "<td> <img src=\"$sort2[url]\"></td> . $i . ";

and it looked like

http://altadorcup.sketchedneo.com/tester6.php