簡體   English   中英

如何刪除無序列表的起始項目符號

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM