Discuz!NT官方社区

首页 » Discuz!NT开发与测试 » 界面模板 » 请教dnt.css中/*menu*/的修改!望高手指点!!!
myqq - 2008-6-29 0:34:00
先贴上我/*menu*/的代码!

/*menu*/
#wraper{ clear:both; background: url(images/body01.png) repeat-x left top; }
#menubar{ width:950px; margin: 0 auto; height: 80px; line-height: 30px; margin-bottom:0px; }
        #menubar ul { float: right; }
                #menubar li { float: left; padding: 0 8px; text-align: center; background: url(images/menu_line.gif) no-repeat 100% 50%; }
                        #menubar li a, #menubar li a:link { display: block; }
                                #menubar .noground{ background: none; }
                        a.mycontent{ text-align: left; padding: 0 2px; width: 40px; background: url(images/jsmenu.gif) no-repeat  right center; }
                        .ntdropmenu{ width: 80px; border: 1px solid #8B8B8B; border-top: none; background: #EAEAEA; text-align: center; }
                                .ntdropmenu a{ display: block; height: 24px; line-height: 24px; margin: 0 2px; border-bottom: 1px solid #8B8B8B; }
/*menu*/


下图是以上代码没改动时的效果!文字跑到了顶端!

我先贴个我想实现的效果!以下是我想实现的效果,文字在我模板的中间!

我把
#menubar{ width:950px; margin: 0 auto; height: 80px; line-height: 30px; margin-bottom:0px; }改成了
#menubar{ width:950px; margin: 0 auto; height: 80px; line-height: 90px; margin-bottom:0px; }实现了效果但是问题出现了
看下图:我的菜单跑得太下面了!

我想实现最终效果如下图!请问哪位高手知道怎么弄?先谢过了!
买空间网14 - 2008-6-29 13:54:00
这么多的代码啊,高手来指点一下吧
1
查看完整版本: 请教dnt.css中/*menu*/的修改!望高手指点!!!