이 테이블을 올바르게 표시하려면 어떻게해야합니까?

Question

나는 아주 간단한 webshop을 만들고 있는데, 다른 제품을 2 x 4의 테이블에 에코해야하지만 지금은 다른 제품을 아래쪽으로 만 표시합니다. 잘하면 여기 누군가가 나를 도울 수 있습니다.

$result=mysql_query("select * from products"); 
while($row=mysql_fetch_array($result)) { 

    $artikel = '<div style="background-color:#E3E3E3;width:200px;height:200px;"><a href=""><img style="padding-top:10px;padding-left:25px;width:150px;height:150px;" src="'.htmlspecialchars($row['picture']).'"></a><br><div align="center"><b>'.htmlspecialchars($row['name']).'</b><br><h6>&euro;'.htmlspecialchars($row['price']).'</h6></div></div>'; 

    echo '<table><tr><td>'.$artikel.'</td>'; 
    echo '</table>'; 
} 

Answer 1

왜 2 x 4 테이블을 표시합니까?

모든 제품을 자체 테이블에 넣으므로 먼저 table 태그를 루프 밖으로 이동 한 다음 로직을 추가하여 모든 x 제품 이후에 새 행을 추가해야합니다.

div은 고정 치수가 있으므로 테이블이 필요하지 않지만 테이블을 제거하고 CSS를 사용하여 원하는 표를 얻을 수 있습니다.

Answer 2

전체 코드라면 tr 태그가 누락됩니다. 레이아웃 변경의 가능한 원인 일 수 있습니다.

나누기를 사용하는 대신 모든 브라우저에서 나누기가 항상 동일하게 처리되지 않으므로 여러 div (또는 테이블 레이아웃이 더 편한 경우)를 사용하는 것이 좋습니다.

Answer 3

모든 레코드에 대해 새 테이블을 만드는 대신 레코드 당 하나의 레코드를 사용할 수 있습니다.

$result=mysql_query("select * from products"); 
    if(mysql_num_rows($result) > 0){ 
     echo '<table>'; 
     while($row=mysql_fetch_array($result)) { 
      $artikel = '<div style="background-color:#E3E3E3;width:200px;height:200px;"><a href=""><img style="padding-top:10px;padding-left:25px;width:150px;height:150px;" src="'.htmlspecialchars($row['picture']).'"></a><br><div align="center"><b>'.htmlspecialchars($row['name']).'</b><br><h6>&euro;'.htmlspecialchars($row['price']).'</h6></div></div>'; 
      echo '<tr><td>'.$artikel.'</td></tr>'; 
     } 
     echo '</table>'; 
    }