CSS论坛 - Powered by Discuz! Board

标题: 请问这段导航栏的CSS代码为什么在我的网站无法显示！ [打印本页]

作者: hotnick 时间: 2012-4-15 17:13 标题: 请问这段导航栏的CSS代码为什么在我的网站无法显示！

请问这段导航栏的CSS代码为什么在我的网站无法正确显示！
http://nickyee123.idc6.88dns.org/
[attach]402[/attach]
#navi2 {
position:absolute;
top:0px;
left:450px;
height:38px;
width:600px;
}
.menul{background:url(../images/top/menul.gif) no-repeat left top;}
.menur{background:url(../images/top/menur.gif) no-repeat right top;height:38px;overflow:hidden;padding:0 0 0 10px;}
#menu{background:url(../images/top//menu.gif) repeat-x left top;}
#menu li{float:left;height:38px;background:url(../images/top/menuli.gif) no-repeat right top; padding:0 6px 0 5px;}
#menu li a{float:left;display:inline;height:38px;line-height:38px;text-align:center;font-weight:bold;color:#fff;padding-left:5px;}
#menu li h3{display:block;padding-right:5px;float:left}
#menu li a:hover,#menu li a.now{text-decoration:none;background:url(../images/top/menuover.gif) no-repeat left top;}
#menu li a:hover h3,#menu li a.now h3{background:url(../images/top/menuover2.gif) no-repeat  right top;}
#menu li.last{background:none;}

<div id="navi2">
   <div id="menu">
  <div class="menul">
<div class="menur">
   <ul>
      <li><a href="http://www.ducie.net/">
      <h3>ホーム</h3>
      </a></li>
      <li><a href="http://www.ducie.net">
      <h3>JBCについて</h3>
      </a></li>
      <li><a href="http://www.ducie.net">
      <h3>交通案内・地図</h3>
      </a></li>
      <li><a href="http://www.ducie.net">
      <h3>よくあるご質問</h3>
      </a></li>
      <li><a href="http://www.ducie.net">
      <h3>English</h3>
      </a></li>
      <li class="last"><a href="http://www.ducie.net">
      <h3>サイトマップ</h3>
      </a></li>
   </ul>
</div>
  </div>
</div>
</div>

作者: lft59598 时间: 2012-4-16 11:45

<div class="menul">
<div class="menur">
你这里用了二个同名的类，不知为什么？
还有就是不要用数字来替代不同的名字，应该用有代表意义的英文单词。

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)