کمک برای طراحی با php

[azi1362]

با سلام
اگه بخوام یه سایت گالری عکس داشته باشم بطوریکه کاربرها خودشون عکساشونو upload کنند ولی نمی دانم باید برای نمایش آنها (عکسها) بصورت ردیفهای 4 ستونی چکار کنم:متفکر:

[love4php]

برای نمایش سیری و ستونی بیا از for تو در تو استفاده کن


echo "<table>";
for(i=0;i<100;i+=N){
echo "<tr>";
for(j=i;j<i+M;j++){
echo "<td></td>";
}
echo "</tr>"
}
echo "</table>";
// M,N : Ye adade delkhah

[azi1362]

برای نمایش سیری و ستونی بیا از for تو در تو استفاده کن


echo "<table>";
for(i=0;i<100;i+=N){
echo "<tr>";
for(j=i;j<i+M;j++){
echo "<td></td>";
}
echo "</tr>"
}
echo "</table>";
// M,N : Ye adade delkhah


در واقع کدی که می خوام بنویسم خودش یه حلقه for داره تا اطلاعات رو از پایگاه داده بخونه وهمراه عکس یه توضیح هم بنویسه ولی هر جور فشذمث رو می چرخونم عکسها ردیفی نمی افتن کد بصورت زیره:
echo '<table width = \"100%\" border = 0>';
foreach ($cat_array as $row)
{
$url = 'show_cat.php?catid='.($row['catid']);
echo '<tr><td>
بقیاش رو چیکار باید بکنم تا سطری نشون بده:متفکر:

[bigcowboy]

<div style="margin-left:auto; margin-right:auto; width:800px">
<div style="width:150px;height:180px; border:1px solid #CCCCCC; margin:16px; float:left; text-align:center"><div style="height:150px"><img width="150" height="150" /></div>
description</div>
<div style="width:150px;height:180px; border:1px solid #CCCCCC; margin:16px; float:left; text-align:center"><div style="height:150px"><img width="150" height="150" /></div>
description</div>
<div style="width:150px;height:180px; border:1px solid #CCCCCC; margin:16px; float:left; text-align:center"><div style="height:150px"><img width="150" height="150" /></div>
description</div>
<div style="width:150px;height:180px; border:1px solid #CCCCCC; margin:16px; float:left; text-align:center"><div style="height:150px"><img width="150" height="150" /></div>
description</div>
<div style="width:150px;height:180px; border:1px solid #CCCCCC; margin:16px; float:left; text-align:center"><div style="height:150px"><img width="150" height="150" /></div>
description</div>
</div>style ها رو class كن و تعداد عكس هاي هر سطر هم با عرض div اولي كه 800 هست ميتوني تغيير بدي و براي استفاده از اين كد div اصلي رو بالا و پايين كد بذار و اين كد :

<div style="width:150px;height:180px; border:1px solid #CCCCCC; margin:16px; float:left; text-align:center"><div style="height:150px"><img width="150" height="150" /></div>
description</div>بايد بره تو حلقه.