在两行显示搜索结果

Question

我正在制作一个网页，并将其添加到搜索引擎中。以下是结果页面中的代码。

$term = $_POST['term']; 

    $sql = mysql_query("select * from artists2 where Fname like '%$term%' or Genre like '%$term%' or Specialty like '%$term%' order by Fname"); 

while ($row = mysql_fetch_array($sql)){ 
    echo '<table width="550" border="0" cellspacing="0" cellpadding="0">'; 
    echo '<tr>'; 
    echo '<td width="550" height="200"><img src="'.$row['Bio']. '" alt="" width="150" height="200"></td>'; 
    echo '</tr>'; 
    echo '<tr>'; 
    echo '<td width="550" height="30">Name: '.$row['Fname'].'</td>'; 
    echo '</tr>'; 
    echo '<tr>'; 
    echo '<td width="550" height="30">Genre: '.$row['Genre'].'</td>'; 
    echo '</tr>'; 
    echo '<tr>'; 
    echo '<td width="550" height="30">Specialty: '.$row['Specialty'].'</td>'; 
    echo '</tr>'; 
    echo '<br/>'; 
    echo '<br/>'; 
    echo '<br/>'; 
echo '</table>'; 
    } 
?> 

我想结果显示在两行而不是现在显示的一行。 另外每个结果都有一张图片和3行文字。我希望文本显示在图片的右侧。现在不在图片下方。

更新1

Dainis你的代码是非常有益的。如此接近我所需要的。 你的代码给了我这样的：

但我需要这样的东西，这样的：

Answer 1

哇。这是一些严重过时的HTML代码在那里。你应该从来没有使用table s布局你正在做的方式。有好得多现在解决这些布局的方法。

这是一个使用CSS进行布局的JSFiddle。在小提琴的HTML是语义它准确地代表你显示你的访客（有或无视觉）的数据以及搜索引擎：

http://jsfiddle.net/CgbQH/

正如你所看到的搜索结果列表就是这样;一个列表。每个结果都有一个图像和一个dl（有些人可能会认为dl不是键/值对的正确选择）。然后使用CSS使标记以您想要的方式呈现。

另外，从来没有有史以来坚持用户输入（您的$_POST['term']）直接到这样的查询。你没有听说过小鲍比桌子发生了什么事吗？ http://xkcd.com/327/

编辑：我用column-count使列表呈现在两列。 column-count只适用于现代浏览器，所以如果你必须支持IE浏览器，你可以改为将每个li设置为float: left; width: 50%。然而，这将以与column-count不同的顺序呈现项目。

Answer 2

您需要删除一些您的标签

while ($row = mysql_fetch_array($sql)) 
{ 
    echo '<table width="550" border="0" cellspacing="0" cellpadding="0">'; 
    echo '<tr>'; 
    echo '<td width="550" height="200" valign="top"><img src="'.$row['Bio']. '" alt="" width="150" height="200"></td>'; 
    echo '</tr>'; 
    echo '<tr>'; 
    echo '<td width="550" height="30" valign="top">'; 
    echo 'Name: '.$row['Fname'].'<br />'; 
    echo 'Genre: '.$row['Genre'].'<br />'; 
    echo 'Specialty: '.$row['Specialty']; 
    echo '</td>'; 
    echo '</tr>'; 
    echo '</table>'; 
    echo '<br/>'; 
    echo '<br/>'; 
    echo '<br/>'; 
} 

Answer 3

的正是你想要怎么办它看起来像？喜欢这个？

然后代码会是这样的：

while ($row = mysql_fetch_array($sql)){ 
echo '<table width="550" border="0" cellspacing="0" cellpadding="0" style="width: 40%; float: left;">'; 
    echo '<tr>'; 
    echo '<td width="550" height="200" align="left" valign="top"><img src="'.$row['Bio']. '" alt="" width="150" height="200"></td>'; 
    echo '<td width="550" height="30" align="left" valign="top">'; 
    echo '<p>Name: '.$row['Fname'].'</p>'; 
    echo '<p>Genre: '.$row['Genre'].'</p>'; 
    echo '<p>Specialty: '.$row['Specialty'].'</p>'; 
    echo '</td>'; 
    echo '</tr>'; 
echo '</table>'; 
}