2012-03-20 26 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

我想通了。我從頭開始重寫了整個導航。然後,我決定取消下拉菜單,並將其放在側面導航欄上。

相關問題