2012-03-20 28 views
0

尝试使用CSS下拉菜单,但它有一些奇怪的错误。这是我正在处理的网站的链接。为什么我会在我的下拉菜单下方获得额外的填充?

http://shekinahgloryfire.com/?page=about

我的CSS是这样的:

#nav ul{float:left;margin-top:95px;list-style:none;padding-left:140px;} 
#nav .first{border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px;} 
#nav .last{border-radius:0px 10px 10px 0;-webkit-border-radius:0px 10px 10px 0; -moz-border-radius:0px 10px 10px 0;} 
#nav ul li{float:left;border:solid #000;border-width:1px 0 1px 1px;background:black url('../images/navbg.gif');overflow:hidden} 
#nav ul li:hover{background:#f68f1e url('../images/activebg.gif')} 
#nav ul li a:link{text-transform:uppercase; text-decoration:none; font-family:serif; font-size:10pt; font-weight:bold; color:#fff; width:100px; height:40px; display:block; text-align:center; padding-top:10px} 
#nav ul li a:hover{color:#000;text-decoration:underline;} 
#nav ul ul{ position:absolute; } 

我的标记是这样的:

<div id="nav"> 
          <ul> 
           <li class="first"><a class="first" style="<?php if($page == "home") print "background:#f68f1e url('images/activebg.gif');color:#000";?>" href="?page=home">Home</a></li> 
           <li><a href="?page=about" style="<?php if($page == "about") print "background:#f68f1e url('images/activebg.gif');color:#000;";?>">About</a> 
            <ul> 
             <li><a href="?page=about">Testimonies</a></li> 
            </ul> 
           </li> 
           <li><a href="?page=resources" style="<?php if($page == "resources") print "background:#f68f1e url('images/activebg.gif');color:#000;";?>">Resources</a></li> 
           <li><a href="?page=videos" style="<?php if($page == "videos") print "background:#f68f1e url('images/activebg.gif');color:#000;";?>">Videos</a></li> 
           <li class="last"><a href="?page=contact" class="last" style="<?php if($page == "contact") print "background:#f68f1e url('images/activebg.gif');color:#000";?>">Contact</a></li> 
          </ul> 
         </div> 
+0

我甚至没有看到Chrome上的下拉菜单? – 2012-03-20 00:58:08

回答

0

如果您是如何评价的徽标+导航和之间的间距实际内容,则需要减少样式表的.header类中的高度值。

+0

我修正了间距,但我无法让下拉菜单出现。 – zachdyer 2012-03-20 02:04:16

0

我想通了。我从头开始重写了整个导航。然后,我决定取消下拉菜单,并将其放在侧面导航栏上。

相关问题