0

我正在尝试使用 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格式化后的画廊就像

在此处输入图像描述 由于那个子弹,我失去了第一行图像的对齐方式。请指导我。

4

2 回答 2

3

非常简单地:

list-style-type: none;

还要考虑list-style: none;子弹是否实际上是浏览器未渲染的图像。

于 2012-06-22T21:01:14.620 回答
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 文件)。您需要查看您是如何使用相关课程的。

于 2012-06-22T21:16:30.187 回答