Merhaba,
Bir döngü içinde dbden verileri çekiyorum. Daha sonra bu döngü ile gelen verileri bir satırda 5 tane gözükecek şekilde başka bir döngü ile sıralıyorum.
Takıldığım nokta şu.
Gelen verileri divi float:left ayarlayarak yanyana yazdırıyorum. fakat 6. div de float:left olduğundan bir alt satırda en solda çıkıyor. ben bunun yerine tam ortada gözükmesini istiyorum.
yani
AAA BBB CCC DDD EEE
FFF
değil
AAA BBB CCC DDD EEE
---------FFF---------
olarak gözükmesini istiyorum.
ya da daha da artarsa veriler
AAA BBB CCC DDD EEE
------FFF GGG-------
gibi. Kısacası 5 tane verinin altındaki verileri ortalanmış olarak yanyan yazdırmak istiyorum.
Yardımcı olabilirseniz sevinirim. Araştırma yaptım fakat pek bir şey bulamadım.
Teşekkürler
Döngü İçinde DIV
4
●921
- 01-09-2008, 15:35:05Üyeliği durdurulduonu denedim fakat çalışmamıştı. <td> nin içindeler <td> yi de ortalattım fakat yine olmadı. tekrar deneyeyim.fdcoder adlı üyeden alıntı: mesajı görüntüle
- 01-09-2008, 15:40:37Üyeliği durduruldu
for($i=1; $i<=$num; $i++){ ?> <tr> <td valign="top" align="center" width="528"> <div style="width:510px; padding-top:10px; align="center"> <? $j = min( $i + 4, $num); for($i=$i; $i<=$j; $i++){ $row=mysql_fetch_assoc($result); ?> <div style="height:75px; width:90px; float:left; padding-left:24px"><a href="link" > <? if($row['picture'] && file_exists("image/products/".$row['picture'])){ list($width, $height, $type, $attr) = getimagesize("image/products/".$row['picture']); echo "<img src=\"image/products/".$row['picture']."\" style=\"border:none;\" >"; }else echo "<img style=\"border:none;\" src=\"image/blank_small.gif\">"; ?> </a><br /> <div> <a href="link" ><?=$row['name']?></a></div> </div> <? } $i--; ?> <? } // ?> </div> </td></tr>
kodum böyle bir şey. yanlış bir şey mi yapıyorum? - 01-09-2008, 15:52:34Üyeliği durdurulduSenin divlerin şu div arasında yer alıyor
<div style="width:510px; padding-top:10px; align="center">
Bunun genişliği 510px ve alta inen div genişliği aştığı için. Devam etmesini istiyorsan bunu yükseltebilirsin.
Soruna gelince döngü içindeki div e center ekleyerek çözebilirsin.
Yani ;
<div style="height:75px; width:90px; float:left; padding-left:24px" align="center"><a href="link" >