我正在尝试使用php和css设计图像库。我已将图像放在无序列表中,如
<ul style="list-style-type:none;">
<?
while($data=mysql_fetch_row($result))
{
$pic=$data[2];
if ($pic)
{
$path="http://www.myworkdemo.com/pecifica/photos/".$pic;
}
?>
<li style="list-style-type:none; float: left; margin-left:4px; margin-top:5px; margin-bottom:5px;">
<img src=<?=$path?> width=300 height=240></img>
<!--<td class='delete'><a href='addproject.php?ProjId=<?=$data[0]?>&action=edit' >Edit</a></td>-->
<div class='delete'><a href='images.php?picid=<?=$data[0]?>&action=delete' class="ask">Delete</a></div>
</li>
</ul>
我得到了所有图像,但是没有从列表中删除一个子弹(开始)。 css格式化后我的画廊就像
由于那个子弹我丢失了第一行图像的对齐方式。请指导我。
答案 0 :(得分:3)
很容易:
list-style-type: none;
如果子弹实际上是浏览器未呈现的图像,也请考虑list-style: none;
。
答案 1 :(得分:2)
它位于两个CSS文件中。
第514行http://www.myworkdemo.com/pecifica/admin/css/style1.css
.block .block_content ul li {
background: url("../images/li.gif") no-repeat scroll 0 7px transparent;
第523行,http://www.myworkdemo.com/pecifica/admin/css/style.css
.block .block_content ul li {
background: url("../images/li.gif") no-repeat scroll 0 7px transparent;
用firebug禁用这两个消除了子弹(实际上是一个自定义的gif文件)。您需要查看您使用相关课程的方式。