2012-06-22 17 views
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格式化就像

enter image description here 由於該子彈我失去了第一排圖像的對齊。請指導我。

+1

如果您提供了此截圖的鏈接,我很樂意看看可能導致它的原因。 – GDP

+0

您可以顯示呈現的HTML(*不是*生成* HTML的服務器端腳本),因爲CSS是客戶端。理想情況下,發佈現場演示,在[JS小提琴](http://jsfiddle.net/)或[JS Bin](http://jsbin.com/)等某處再現您的問題。 –

+0

您也可以通過「右鍵單擊」和「檢查」導致它的原因進行檢查。使用插件,如內置代碼檢查器的螢火蟲或鍍鉻物。它會顯示你的內聯標籤是否被覆蓋。 – xivo

回答

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; 

禁用這兩個與螢火消除子彈(實際上是一個自定義的gif文件)。你需要回顧一下你如何使用相關的類。

2

很容易:

list-style-type: none; 

還要考慮list-style: none;如果子彈實際上是不是由瀏覽器呈現的圖像。

+1

我錯過了什麼,或者OP沒有完全這樣嗎?此外,這並不能解釋爲什麼只有第一個項目有一個子彈。 – JJJ