Php 在CSS中显示文本和图像

我为出售武器建立了一个数据库，我在这里有我的PHP代码：

<?php

echo '<link rel="stylesheet" href="display.css" type="text/css">';

function FindPhoto($name)
{
    $dir_path = "http://www.chemicalzero.com/FireArms_Bis/Guns/";
    $extensions_array = array('jpg','png','jpeg');
    echo "<img src='$dir_path$name' style='width:100px;height:150px'>";
    echo "TESTING";
    echo "</div>"; 
}


$connection = mysql_connect('localhost', 'USER', 'PASSWORD');
mysql_select_db('DATABASE');

if(mysqli_connect_errno()){
    die("connection failed: "
    . mysqli_connect_error()
    . " (" . mysqli_connect_errno()
    . ")");
}

$query = "SELECT * FROM Guns"; //You don't need a ; like you do in SQL
$result = mysql_query($query);

echo "<table>"; // start a table tag in the HTML

while($row = mysql_fetch_array($result))
{   

   print 

   "<div id= 'item'>" .
   "<p>Make : ".$row["Make"]."</p>".
   "<p>Model: ".$row["Model"]."</p>".
   "<p>$".$row["Price"]."</p>".
   FindPhoto($row['Photo']);

}
echo "</table>"; //Close the table in HTML

mysql_close(); //Make sure to close out the database connection

CSS代码工作得很好，除非我将两者结合起来，我得到一个看起来很棒的产品，而另一个没有包含在CSS中。见图：

---

如何正确显示图像？

您尚未关闭打印语句中的div

while($row = mysql_fetch_array($result))
{   

   print 

   "<div id= 'item'>" .
   "<p>Make : ".$row["Make"]."</p>".
   "<p>Model: ".$row["Model"]."</p>".
   "<p>$".$row["Price"]."</p>".
   FindPhoto($row['Photo']).
   // Here
   "</div>";

}`

您没有关闭“查找后图像”功能。

---

添加在FindPhoto$row['Photo']之后

您正在使用ID，并且正在将项目包装到中。删除打开/关闭项，并将其更改为html和css中的类。重用ID实际上不会导致错误的布局，尽管您肯定应该修复它。周围的沙发更让我担心。