PHP echo 中的 CSS ID 不起作用



我似乎无法在php回显中分配的类ID被CSS识别。这是代码。似乎我错过了一些简单的东西,但我似乎无法弄清楚或看到它是什么。

echo "<table class='item'>
                    <tr>
                        <td id='name'><h3>" . $name . "</h3></td>
                        <td id='itemdescription'>" . $description . "</td>
                        <td id='imagelocaiton'><img src='" . $location . "'id='image'></td>
                        <td id='price'>" . $price . "</td>";

和关联的 CSS:

#image {
width: 300px;
height: auto;
}
#itemdescription {
color: red;
}

谢谢!

编辑:这是来自检查元素的输出 HTML。我想我应该提到这个 id 是使用 while 循环从 MySQL 数据库绘制表信息来修改的。我刚刚注意到我的 CSS 似乎可以使用谷歌浏览器工作,但在 Safari 中不起作用......

<html><head>
    <title>For Sale</title>
    <link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css"></style></head>
<body>
    <div class="item_list">
        <table class="item">
                    <tbody><tr>
                        <td id="name"><h3>had</h3></td>
                        <td id="itemdescription">adfafdsaf</td>
                        <td id="imagelocaiton"><img src="images/simple.gif" id="image"></td>
                        <td id="price">$0</td></tr></tbody></table><table class="item">
                    <tbody><tr>
                        <td id="name"><h3>Idkd</h3></td>
                        <td id="itemdescription">adfaf</td>
                        <td id="imagelocaiton"><img src="images/Airplane Logo.jpg" id="image"></td>
                        <td id="price">$0</td></tr></tbody></table><table class="item">
                    <tbody><tr>
                        <td id="name"><h3>adfag</h3></td>
                        <td id="itemdescription">adfaf</td>
                        <td id="imagelocaiton"><img src="images/Jason.jpeg" id="image"></td>
                        <td id="price">$1313</td></tr></tbody></table><table class="item">
                    <tbody><tr>
                        <td id="name"><h3>afaf</h3></td>
                        <td id="itemdescription">adfafaf</td>
                        <td id="imagelocaiton"><img src="images/HDR1.jpg" id="image"></td>
                        <td id="price">$331</td>        

您的代码是正确的,您对图像标签进行了小的更改:

<td id='imagelocaiton'><img src='" . $location . "'id='image'></td>
try make minor correction
<td id='imagelocaiton'><img src='" . $location . "' id='image'></td>

它工作正常,但保证$location具有正确的路径和带有扩展名的图像文件名。我得到了红色的描述和图像,按照给定的css显示。

你写错了代码。整个页面上不能有多个 ID。

区分类和 id : http://css-tricks.com/the-difference-between-id-and-class/

然后使用单个 ID 重试。

相关内容

  • 没有找到相关文章

最新更新