2012-03-20 8 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; } 

そして、私のマークアップは、このようなものです:あなたがロゴ+ NAVとの間の間隔について言っている場合

<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のドロップダウンメニューが表示されません。 –

答えて

0

実際のコンテンツでは、スタイルシートの.headerクラスの高さの値を小さくする必要があります。

+0

スペースを固定しましたが、ドロップダウンが表示されません。 – zachdyer

0

私はそれを理解しました。私はちょうど最初からナビゲーション全体を書き直しました。その後、ドロップダウンを省き、サイドナビゲーションに配置することにしました。

関連する問題