欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

对于钓鱼社的哥们的回复

雨夜 3091次浏览 3个评论

钓鱼社的哥们,我对于贵站的不能显示下拉式导航的代码看了下,你的网站不是别的问题还是需要调整下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;}

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


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3) 个小伙伴在吐槽
  1. 留言有字数限制。。上接二楼:
    #menu ul li:hover ul,#menu ul a:hover ul{visibility:visible; margin:auto;}
    #menu ul ul li{width:94px;}
    #menu ul ul li a{color:#f8f8f8;line-height:39px;background:#A10000;font-size: 16px}
    #menu ul ul li a:hover{background-color:#600000}
    钓鱼社 2014-06-22 AM 01:13 回复
  2. 我是个笨人,又改了好久,基本上是搞好了,但是还有点瑕疵,虽然无伤大雅,但是看着难受,还得请教您下,我发现我的下拉菜单水平偏差一点点。比如说我的“网站地图”栏目,该栏目下拉的“请在后台”与“网站地图”是有点不对齐的,我改了好久没有搞定。。。。目前代码是
    #menu{background:#A10000;height:39px;font-family:Microsoft YaHei,Verdana,Arial;}
    #menu ul{height:39px;width:950px;margin:0 auto;}
    #menu a:hover{color: #fbdd0b}
    #menu li {border-right:1px solid #600000;position: relative;height: 100%;color:#fff;width:94px; text-align:center;font:'Microsoft Yahei';float: left; line-height:39px; list-style:none }
    #menu li a{color: #FFFFFF;font-size: 16px;line-height: 39px;padding: 0 15px;display: block;background-repeat: no-repeat;background-position: left center;}
    #menu ul ul {visibility:hidden;padding:0px 0px;width: auto;white-space:nowrap;font: 14px 'Microsoft Yahei',Verdana, Arial
    钓鱼社 2014-06-22 AM 01:13 回复
  3. 非常感谢!
    钓鱼社 2014-06-22 AM 12:39 回复

主题定制开发流程

ZBLOGPHP开发流程

联系我们