使用PHP和&amp ;;在表格中水平显示数据MySQL的

时间:2014-07-28 13:45:03

标签: php html css

我尝试使用PHP& amp ;;尝试在表格中水平显示数据MySQL的。我目前使用的代码是(显然所有值都将从MySQL调用,但目前我已经放置了静态值): -

$query = "select * from bonusdetails where BonusType='Free Money' order by Validity ASC limit 0,3;";
$result = mysql_query($query);
echo '<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#941010" style="font-family:Arial, Helvetica, sans-serif; float:left; color:#ffffff;">';

while ($row = mysql_fetch_array($result))
{
            echo '<tr>';
    echo '<td align="center" style="padding:2px 0 0 0;"><img src="abc.jpg" width="124" height="64"/></td>';
    echo '</tr>';

                echo '<tr>';
    echo '<td align="center" style="font-size:15px; padding:8px 0 0 0;">No Deposit Bonus</td>';
    echo '</tr>';

                echo '<tr>';
    echo '<td style="font-size:17px; padding:5px 0 0 0;" align="center" >CODE: STAR75</td>';
    echo '</tr>';

                echo '<tr>';
    echo ' <td align="center" style="padding:8px 0 5px 0;"><a href="#"><input name="more-details" type="button" style="background:url(images/more-details.png) no-repeat; width:102px; 
    height:27px; text-decoration:none; border:none; cursor:pointer;" /></a></td>';
    echo '</tr>';

    }

echo '</table>';

我以这种格式获得输出:http://www.casinobonustips.com/submitbonus/bonus.php。有没有办法水平显示相同的数据?

我将非常感谢您对此的帮助。

谢谢和问候, Devjeet

2 个答案:

答案 0 :(得分:0)

你有什么:

<table>
    <tr>
        <td>A1</td>
    </tr>
    <tr>
        <td>B1</td>
    </tr>
    <tr>
        <td>C1</td>
    </tr>
    <tr>
        <td>A2</td>
    </tr>
    <tr>
        <td>B2</td>
    </tr>
    <tr>
        <td>C2</td>
    </tr>
        <tr>
        <td>A3</td>
    </tr>
    <tr>
        <td>B3</td>
    </tr>
    <tr>
        <td>C3</td>
    </tr>
</table>

你应该拥有什么:

<table>
    <tr>
        <td>
            <div>A1</div>
            <div>B1</div>
            <div>C1</div>            
        </td>
        <td>
            <div>A2</div>
            <div>B2</div>
            <div>C2</div>
        </td>
        <td>
            <div>A3</div>
            <div>B3</div>
            <div>C3</div> 
        </td>
    </tr>
</table>

示例:http://jsfiddle.net/ePMmx/1/

根据您的需求制作造型。

答案 1 :(得分:0)

您需要将<td></td>分组在一个<tr></tr>中以显示它们&#34;水平&#34;,另一方面,您正在混合&#34;查看&#34;处理和检索数据的东西,你可能必须阅读MVC模式以获得更好的编程