2016-04-13 15 views
-1

Veritabanından öğeler alan bir web sitem var. Dakikadaki yol, tüm öğeler bir sütundadır. Eşyaların 3 sütun halinde ve daha sonra 3 tane altından ve daha fazlasından oluşmasını istiyorum. Bunu nasıl yapacağını bilen var mı?Veritabanından öğeleri iyi biçimlendirilmiş bir tabloya nasıl alırsınız

burada HTML görüntüleme sorunları nedeni olabilir ki sorunludur gibi

<?php 
    // Default query for this page: 
    $q = "SELECT * FROM item"; 
    // Create the table head: 
    echo ' 
     <div class="container"> 
      <div class="table-responsive"> 
       <table border="5" class="col-lg-4" cellspacing="3" cellpadding="3" align="center"> 
        <tr> 
         <td align="left" width="15%"><b>Photo</b></td> 
         <td align="left" width="5%"><b>Condition</b></td> 
        </tr> 
      </div> 
     </div> 
     </div> 
     </div> 
    '; 

// Display all the items, linked to URLs: 
$r = mysqli_query ($dbc, $q); 
while ($row = mysqli_fetch_array ($r, MYSQLI_ASSOC)) { 
    $directory = '/uploads'; 
    $file= $row['image_name']; 
    // Display each record: 
    echo " 
     <tr> 
      <td align=\"center\"><image src=$directory/$file title='$row[image_name]' width='213' height='200'></td> 
      <td align=\"center\">{$row['state']}</td> 
     </tr> 
    "; 
} 
echo '</tbody>'; 
echo '</table>'; 
mysqli_close($dbc); 
+1

Bu gerçekten PHP ile ilgisi yoktur, tüm HTML ve CSS dair:

Böyle bir şey deneyin. Örneğin, 'tablonuzu' bir dizi 'div' öğesiyle değiştirirseniz, CSS'yi 'div'ler için çeşitli akışkan düzenleri oluşturmak için kullanabilirsiniz. – David

+0

bunu nasıl biçimlendiririm, böylece div'ler istediğim yere otururlar? – dgly6

+0

Bir masa yapmak için mi arıyorsunuz? Ayrıca, aldığınız veriler neye benziyor? Soru çok belirsiz. – nerdlyist

cevap

0

:

sadece çizgi üstü olanlar 4 kapanış div'leri kaldırarak deneyin URL'lerin bağlı tüm öğeleri görüntüler //

işaretli twitter bootstrap css framework kullanarak.

Sorunlarınız, esas olarak kullandığınız HTML yapısından geliyor.

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-4">item 1</div> 
     <div class="col-lg-4">item 2</div> 
     <div class="col-lg-4">item 3</div> 
     <div class="col-lg-4">item 4</div> 
     <div class="col-lg-4">item 5</div> 
     <div class="col-lg-4">item 6</div> 
    </div> 
</div> 
0

görünüyor benim kodudur. Ben doğru alırsanız, her satırda 3 öğe istiyor ve sen

İlgili konular