2011-05-02 71 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