[英]How to remove starting bullet of an unordered list
我正在嘗試使用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格式化后我的畫廊就像
由於子彈,我失去了第一行圖像的對齊方式。 請指導我。
非常簡單地:
list-style-type: none;
還考慮list-style: none;
如果項目符號實際上是瀏覽器未渲染的圖像。
它位於您的兩個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文件)。 您需要查看如何使用相關的類。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.