对于钓鱼社的哥们的回复

钓鱼社的哥们,我对于贵站的不能显示下拉式导航的代码看了下,你的网站不是别的问题还是需要调整下css。有部分css需要调整的,我就把你的代码menu的代码全部改为如下:

#menu{
 
  background:#A10000;height:42px;
 
  font-weight:normal;}
 
  /*设置导航条长度(从左边到搜索框的距离width)*/
 
#menu ul{height:42px;width:950px;margin:0 auto;}
 
#menu a{padding:0px 0px; display:block;color:#f8f8f8;font-weight:normal;}
 
#menu a:hover{color: #f1f1f1;background-color:#600000;text-decoration:none;}
 
/*子导航竖排*/
 
#menu li {position: relative;height: 100%;color:#fff;width:102px; text-align:center;
 font:'Microsoft Yahei';
 
              float: left; line-height:42px; list-style:none } 
 
#menu ul ul {visibility:hidden;padding:0px 0px;width: auto;white-space:nowrap;
font: 14px  'Microsoft Yahei',Verdana, Arial, Helvetica, sans-serif;} 
 
#menu ul li:hover ul,
 
#menu ul a:hover ul{visibility:visible; margin:auto;} 
 #menu ul ul li{width:200px;}
#menu ul ul li a{margin:0;padding:0px 0px;color:#f8f8f8;
font-weight:normal;line-height:42px;background:#A10000;}
/*-----------------------------ÎÄÕ¿ò¼Ü-----------------------------*/ 

#menu li span{line-height: 42px;}
#menu li.page_right{color: #FDFCBC;text-align: center;line-height: 42px;padding: 0 0px;}
#menu ul li a.current{background-color:#600000; color:#fff;}
#menu li.page_right a{font-size: 13px;padding: 0;display: block;color: #E1DDDD;display: block;line-height: 42px;font-weight: normal;}
#gnew{background-image: url(images/gnew.gif);background-repeat: no-repeat;background-position: right top;padding-top: 10px;}
#hot{background-image: url(images/hot.gif);background-repeat: no-repeat;background-position: right top;padding-top: 10px;}
/*-----------------------------后加的导航右-----------------------------*/ 
#menu LI.rightmenu{
float: right;
background: none;
}
#menu LI.rightmenu a{
background: none;
color: #FFF;
font-size: 12px;
}

而且这些还不够,你将css中的

#header{height: 145px; overflow: hidden;}

改为

#header{height: 145px;}

这样就可以了,这个还是需要你自己调整的,呵呵。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请通知我们,一经查实,本站将立刻删除。


客服