使用php和css在样式化列表中显示存储在MySQL数据库中的图像

我在一个数据库中存储了一些图像，我正试图将它们显示在一个样式化列表中。想法是当我从数据库调用图像时，php代码将在样式化的

元素中生成列表。。。不幸的是，情况并非如此。列表正在生成，但它没有遵循我的任何样式，并且没有显示图像

图像在页面上以宽度和高度显示其边框，但中间缺少文件图标。。。当我进入数据库时，文件清晰地显示在那里，命名和所有内容。即使我在URL末尾键入文件_display.php？id=1，图像也会出现

图像以jpeg格式保存在数据库中，表格中不包括LONGBLOG数据

以下是获取图像并在列表中显示它们的代码：

    <div class="template_container">
    <h2>Templates</h2>  
    <ul style="margin: 0 50px;">

        <?php   

            // Grab the data 
            $sql = "select * from templates";
            $result = mysql_query($sql) or die ("Could not access DB: " . mysql_error());
            while ($row = mysql_fetch_assoc($result))
            {
                echo "<li>";
                echo "<a class=\"caption" . "href=\"cart.php?id=<?=" . $row['id'] . "&action=add>";

                echo "<img src=\"http://URL-REMOVED.com/file_display.php?id=<?=" . $row['id'] . "\" alt=\"\" /><br />";
                echo "<span>";
                echo "<big>" . $row['name'] . "<br />";
                echo $row['description'];
                echo "</span>";
                echo "</li>";

            }

        ?>
    </ul>
</div>

.template_container {
    width: 100%;
    height: auto;
    border-top: 1px solid #e8e8e8;
    margin: 75px auto 25px auto;
    padding-top: 25px;
}

.template_container h2 {
    font-family: 'Podkova', serif;
    font-size: 58px;
    line-height: 66px;
    color: #2d9dc8; font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -2px; 
    text-align: center;
    margin-bottom: 50px;
}

.template_container ul li { 
    list-style-type: none; 
    display: inline; 
    text-align: center;
    zoom:1; 
    *display:inline;
}

.template_container ul { vertical-align: inherit; }
.template_container li { margin-left: 25px;}
.template_container img { 
    width: 180px;
    margin-bottom: 50px; 
    box-shadow: 0px 0px 10px #888;
    -moz-box-shadow: 0px 0px 10px #888;
    -webkit-box-shadow: 0px 0px 10px #888;
    -khtml-box-shadow: 0px 0px 10px #888;
}

a.caption { 
    position: relative !important;
}
a.caption span { 
    background: #000; 
    background: rgba(0,0,0,0.8); 
    color: white !important; 
    display: none; 
    padding: 5px 10px !important; 
    text-align: center; 
    position: absolute !important;
    bottom: 0 !important; 
    left: 0 !important; 
}
a.caption:hover {
    text-decoration: none;
}

对于那些想知道列表项中的

和

元素的人，我有一个javascript来显示悬停状态下的元素

更新：我解决了我的样式问题，我搞砸了，忘了关闭链接，我不小心在图像标签的末尾添加了一个

，这样列表就不会内联了

然而，我仍然无法看到我的图像。。。仍在寻找解决方案…

请参考：

---

我认为图像URL生成有问题：

echo "<img src=\"http://URL-REMOVED.com/file_display.php?id=<?=" . $row['id'] . "\" alt=\"\" /><br />";

echo“
”；

为什么需要“<？=”？为什么不

echo "<img src=\"http://URL-REMOVED.com/file_display.php?id=" . $row['id'] . " alt=\"\" /><br />";

echo“
”；

请使用PDO或mysqli，而不是旧的mysql函数。谢谢你捕捉到了这个lol，我甚至不想把它放在那里。然而，不幸的是，删除这些内容并没有起作用。图像仍然无法看到，并且它们仍然未在列表中设置样式：（好吧，我能说的就是URL有问题。CSS似乎对图像显示没有任何影响。也许可以尝试查看页面上生成的标记？实际上，你在这方面是100%正确的，只是不在正确的位置。lol。我为混淆道歉。感谢你分享这一点，但这无助于我的情况。