0
我有一个数据库,建立了武器出售,我这里有我的PHP代码:正确显示文本和图像在CSS
<?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
我的PHP显示所有信息,从我的数据库和方式,我想它。当我包括CSS代码的任务来了:
#item {
width:100px;
text-align:center;
border: 5px solid #D9D9D9;
padding: 0px;
list-style: none;
width: 150px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
border-radius: 10px;
-moz-border-radius: 10px; /* firefox rounded corners */
-webkit-border-radius: 10px; /* Safari rounded corners */
min-height: 220px;
}
#item li h1 {
text-align:center;
}
#item li#white {
min-height: 220px;
}
的CSS代码工作除了当我将二者结合起来很好,我得到一个产品,看起来不错,其他没有得到包含在CSS。见图:
如何正确显示图像?
您正在重新使用ID,并且正在'#item'中包装'
重复使用ID实际上不会导致错误的布局(尽管您应该明确解决该问题)。围绕divs的'
回答
您尚未关闭打印声明中的div。
来源
2017-06-06 15:49:09 Aman
查找图像功能后,您没有关闭
"<div class="item">"
。 在FindPhoto($row['Photo']);
之后添加."</div>"
来源
2017-06-06 15:53:32
相关问题