2011-05-02 74 views
1

我已經看了很久,很難爲我的CSS中的錯誤。我找不到它,我相信這是明顯的,我只是不知道它是什麼!問題是我有一個元素。 #nav li ul,它有一個不應該存在的左邊距。設置它的邊距:0px;不起作用。這裏是CSS代碼,html位於http://www.letsmine.info/Sundalah。 #nav是菜單,我只在索引上工作,所以不要打擾瀏覽其他頁面。小CSS錯誤,(需要第二意見)

#nav { 
height: 39px; 
margin: 0; 
width: auto; 
} 
.mainmenu { 
background: url("../index_files/menu.jpg") repeat scroll 0 0 transparent; 
height: 39px; 
line-height: 30px; 
margin: 0; 
padding: 0; 
position: relative; 
width: 1024px; 
} 
#nav li, #nav li a { 
display: block; 
height: 39px; 
} 
#nav li { 
float: left; 
list-style: none outside none; 
margin: 0; 
padding: 0; 
position: relative; 
} 
#nav li ul { 
background-color: #F2EAD5; 
box-shadow: 3px 3px 3px #CC8930; 
color: #2A8AC6; 
float: none; 
font-family: "Arial"; 
font-size: 19px; 
margin-top: 8px; 
opacity: 0.9; 
text-align: center; 
} 
body.index #nav li.menu1 { 
width: 118px; 
} 
body.index #nav li.menu1:hover { 
width: 118px; 

} 
body.index #nav li.menu2 { 
width: 212px; 
} 
body.index #nav li.menu3 { 
width: 161px; 
} 
body.index #nav li.menu4 { 
width: 174px; 
} 
body.index #nav li.menu5 { 
width: 193px; 
} 
body.index #nav li.menu6 { 
width: 166px; 
} 
body.community #nav li ul { 
background-color: #AECEAB; 
} 
body.kids #container #nav li ul { 
background-color: #89BAB7; 
opacity: 0.8; 
} 
body.market #nav li ul { 
background-color: #FFD0CE; 
} 
body.sundays #nav li ul { 
background-color: #E7DAB2; 
} 
body.index #nav li ul { 
background-color: #E7DAB2; 
} 
body.contacts #nav li ul { 
background-color: #E7DAB2; 
} 
#nav li ul li a:link { 
text-decoration: none; 
} 
div#container div#nav li ul#sundays li { 
width: 211px; 
} 
div#container div#nav li ul#market li { 
width: 161px; 
} 
div#container div#nav li ul#kids li { 
width: 174px; 
} 
div#container div#nav li ul#community li { 
width: 193px; 
} 
#nav ul { 
position: absolute; 
top: 30px; 
visibility: hidden; 
} 
#nav li:hover ul { 
visibility: visible; 
z-index: 9999; 
} 
#nav li:hover { 
opacity: 1; 
} 
#nav li:hover ul li a:hover { 
opacity: 1; 
} 
.clearFloat { 
clear: both; 
margin: 0; 
padding: 0; 
} 
#nav #holder ul li { 
display: inline; 
} 
+0

你的鏈接已經死了。 – Turnsole 2011-05-02 05:46:24

+0

你的鏈接不起作用 – JohnP 2011-05-02 05:46:42

+0

正如你指出你的鏈接不工作,並且你把ul填充設置爲0? – Daff 2011-05-02 05:52:37

回答

1

假設你在談論這個頁面:

http://www.letsmine.info/Sundalah/
(我發現你的前一個問題一個極有可能的鏈接)

之所以margin: 0不工作是因爲它不是margin - 它是padding。這將修復它:

#nav li ul { 
    padding: 0 
} 
+0

我沒有檢查過的東西,現在檢查你的權利,我喜歡簡單的解決方案。有時候,我只是想不出 – Jason 2011-05-02 05:54:53

+0

感謝了很多,有時你需要停下來喘口氣,這是我這樣做:) – Jason 2011-05-02 05:56:06

+0

將在3分鐘內投答案的方式。 – Jason 2011-05-02 05:56:25