IE8和CSS單項無序列表

CSS文盲在這裏。我需要在一個頁面中顯示一個註釋列表，問題是當有一個單一的註釋要顯示時，我必須隱藏子彈並使它看起來像一個普通的標籤。如果只有1 <li>，並且chrome/firefox中的結果非常好（此處顯示的表格邊框只是爲了顯示錶格的設置），使用Jquery Im爲ul添加css類。IE8和CSS單項無序列表

這裏是Chrome和Firefox的截圖顯示<ul>使用和不使用樣式應用：

enter image description here

然而，在IE8（不知道其他版本）中的<ul>沒有對齊..什麼真正：

enter image description here

應用到<ul>風格Im爲

ul.hidestyle { 
    list-style-type: none; 
    padding: 2px; 
}

我嘗試使用顯示屬性的不同選項，但沒有任何東西似乎導致任何影響。任何幫助將不勝感激。

HTML

<div id="ctl00_Notes"> 
    <table cellpadding="2"> 
    <tr> 
     <td> 
     <img id="ctl00_cph_WarningImage" src="../Images/orange_flag.PNG" style="border-width:0px;"/> 
     </td> 
     <td> 
     <ul id="NotesList"> 
      <li>bla bla bla.</li> 
      <li>something else.</li> 
     </ul> 
     </td> 
    </tr> 
    </table> 
</div>

來源

2011-11-07 Ed Fox

請添加您的實際html顯示ul和li的數據。 – NotMe

我已經添加了HTML，您可以刪除/更新評論。 – polarblau

@Ed你解決了這個問題嗎？如果是這樣 - 請讓我們知道，以防別人日後遇到同樣的問題！ –

在列表樣式類型的MSDN年齡無疑表明，沒有一個有效選項： http://msdn.microsoft.com/en-us/library/ms530797%28v=vs.85%29.aspx

我沒有IE8與測試，但我看到其他人同時使用「列表樣式類型」，也沒有任何的「列表樣式圖像」 ...並看到他們把它無論在UL和李例如：

ul.hidestyle { 
    list-style-type: none; 
    list-style-image: none; 
    padding: 2px; 
} 
ul.hidestyle li { 
    list-style-type: none; 
    list-style-image: none; 
}

它可能沒有噸工作，但...值得一試？

來源

2011-11-07 22:01:00

IE8和CSS單項無序列表

回答

相關問題