PHP MySQL 3 열 3 행의 데이터 배열

Question

나는이 4f.lt (웹)와 같은 3 열의 3 행에 PHP MySQL 데이터 배열을 가져오고 싶습니다. 이 스크립트

<?php 

    require "lgsl_class.php"; 

    $server_list = lgsl_query_cached_all("s"); 
    $server_list = lgsl_sort_servers($server_list); 

    $output .= " 
    <div> 
    <table>"; 

    foreach ($server_list as $server) 
    { 
     $misc = lgsl_server_misc($server); 
     $server = lgsl_server_html($server); 

$output .= " 
     <tr> 
       <td align='center'> 
       <b>{$server['s']['name']}</b></td></tr> 
       <tr> 
       <td align='center'> 
       <img src='{$misc['image_map']}'/></td></tr> 
       <td align='center'> 
       <b>Map</b>: {$server['s']['map']}</td> </tr><tr><td align='center'> 
       <b>Players</b>:{$server['s']['players']}/{$server['s']['playersmax']}</td></tr> 
       <tr> 
       <td align='center'> 
       <b>Status</b>:<b><font color='green'> {$misc['text_status']}</font></b></td> </tr> 
       <td align='center'> 
       <a href='".lgsl_link($server['o']['id'])."'> 
       <font color='red'><b>More stats</b></font></a><hr></td></tr> 
       <tr> 


     "; 
    } 




    $output .= " 
    </table> 
    </div>"; 
?> 

내가 얻을 수있는 것은 하나의 긴 열 http://img28.imageshack.us/img28/40/exampleq.png (이미지)입니다. 문제는 내가 이것의 어떤 예를 찾을 수 없다는 것과 나는 그것을 스스로 할 수있는 충분한 기술이 없다는 것이다. 어떤 도움을 주셔서 감사합니다.

Answer 1

선형 레이아웃은 </tr><tr> 태그로 인해 발생합니다. $server['s']['name'] 다음에 하나, <b>Players</b>과 함께 줄이 있고 마지막에 고아 <tr>이 있습니다. 그들을 제거하면 이것들은 모두 한줄에 나옵니다.

Answer 2

첫째 마크 업이 조금 어수선한 내가 당신이

.box { 
    width: 200px; /* or any dimension you like */ 
    height: auto; 
    float: left; 
    border: 1px solid green; 
} 

같은 필요에 ... CSS를 들어

<div class="box">output goes in here</div> 

로 부동 소수점 왼쪽 클래스 사업부를 사용하도록 유혹 할 것

위 테두리 속성은 출력에서 ​​어떤 현상이 발생했는지보기위한 것입니다. 페이지의 모양과 느낌에 만족하면 제거 할 수 있습니다. 지금은 당신이 div의 각각 원하는 출력을 추가 할 것

확인 ...

마지막

<div class="box">first box content</div> 
<div class="box">second box content</div> 
<div class="box">third box content</div> 

위의 녹색 글꼴 색상을 사용했습니다, 별도의 CSS 파일에 모든 스타일을 유지하려고 깔끔한 것을 지키기.

이 정보가 도움이되기를 바랍니다.