2011-09-16 13 views
0

show http://img28.imageshack.us/img28/3052/unledcwk.png表示データベースから件のデータ(サイドバイサイド)

これが私のhtmlで、名前と写真をPHPから取られているが(mysqlの).Iのみこれらのものの3(名前と写真を作りたいです)並んでいません。私はasdasdの右側にasdasddasdという名前が必要です。

<?php 
    echo '<div class="box">'; 
     $kategori=$_GET["kategori"]; 
     $con = mysql_connect("localhost","root","root"); 
     if (!$con){die('Could not connect: ' . mysql_error());} 
      mysql_select_db("marmaris", $con); 
      $bilgi= mysql_query("SELECT * FROM $kategori "); 
      while($sutun= mysql_fetch_array($bilgi)) 
      { 

       $name=$sutun["name"]; 
       $resb=$sutun["resbuyuk"]; 
       echo '<a href="#"><div id="texttitle">'.$name.'</div></a>'; 
       echo '<img src="upload/'.$resb.'" width="202" height="154" alt="resim" style="background-color: #000000" />'; 
       echo '<div id="textdetailup"><a href="#">Detayları görmek için tıklayın.</a></div>'; 
      } 

     echo '</div>'; 
     ?> 

これはそれらを作成するコードです。どのようにサイドバイサイドを表示できますか。それは次の行にコンテンツをプッシュされるよう

このボックス

.box { 
margin-bottom: 10px; 
margin-right: 10px; 
float: left; 
height: auto; 
width: 207px; 
} 

答えて

2

のCSSであるあなたは、画像サブテキストを表示するために使用しているDIVは、ブロックレベル要素です。あなたは、私が2時間などにアップしていますし、あなたがそれを見つけるのおかげメイトたくさん対応</div>

+0

感謝とともに、whileループ内echo '<div class="box">';を配置する必要があり

関連する問題