2012-12-24 118 views
1

http://www.milknhny.co.uk/不需要填充在CSS

我有一個CSS問題,我似乎無法找到一個問題,這肯定不是我的style.css和IM困惑,這哪裏是來自。

我試圖風格我的菜單,它造成我一般的破壞。

,它是創建CSS是如下:

ul, menu, dir { 
display: block; 
list-style-type: disc; 
-webkit-margin-before: 1.1em; 
-webkit-margin-after: 0em; 
-webkit-margin-start: 0px; 
-webkit-margin-end: 0px; 
-webkit-padding-start: 40px; 
} 

我已經被告知,這是谷歌自己的風格,是overiding我自己。

現在我已經將此添加到我自己的CSS中,並在填充開始時將40px到0像素重要!不過,我希望避免這種情況。

任何人都可以提供如何解決的建議嗎?由於這是創建我的菜單上一個大的左手填充(見網站)

請忽略菜單的位置,因爲這樣處理不當得到充分的風格,直到我解決這個問題

回答

3

我剛剛明白了。除了您提到的#agent li CSS部分的填充值外,用戶代理樣式表還給出了填充值。我只是有興趣刪除鉻DOM檢查器和網站的CSS看起來很好我的

0

按規定here您可以使用!important標籤。

另一種方法是在受影響的項目使用內聯CSS:

<div id="menuwrapper"> 
<div id="menuwrapperinner"> 
<div id="access"> 
<div class="menu"> 
    <ul style="padding: 0;" > 
    <!-- or 
    <ul style="-webkit-padding-start: 0;" > --> 
     <!-- your <li></li> items here --> 
    </ul> 

(你可能想給它與Chrome瀏覽器開發工具一試)

PS:使用一個主題爲WordPress或看在Bootstrap上實現自己的菜單。

+0

嗨阿爾多這是我自己開發的主題。我嘗試確定填充位置時發現的CSS,因爲我沒有在菜單上指定任何填充。 Thankyou徵求意見 –

1

只會說與ashutosh相同。如果你指定UL有零填充應該可以正常工作。我認爲!儘可能避免重要的和內聯的CSS。