产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 请教导航栏目的宽度、间距、高度在哪调
l_qingquan - 2012/3/17 17:31:00
请问一下韩国风模板导航栏目的宽度、间距、高度在哪调?
代码:/*menu样式*/

.menu_box{position:relative;background:url(images/body_top_bg.jpg) no-repeat 0 0;height:130px;overflow:hidden}

                  /**********LOGO在上方样式***********/
.menu_box_style1_1{clear:both;}
.menu_box_style1_1_1{float:left;}
.menu_box_style1_1_2{float:right;padding:0 0 0 0;}
.menu_box_style1_2{clear:both;text-align:left;height:30px;border:0 solid #dddddd;padding:20px 0 0 370px;}

.menu_style_1_first{float:left;height:30px;width:68px;padding:0 0 0 10px;text-align:left}
.menu_style_1{float:left;height:30px;width:100px;padding:0 0 0 10px;text-align:left}

a.menu_1:link{color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_1:visited {color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_1:hover {color:#ffffff;text-decoration:none;text-decoration:underline;;font-size:13px;font-weight:bold;}

a.menu_current_1{color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_current_1:hover{color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;}

                  /**********LOGO在左侧样式***********/
.menu_box_style2_1{border:0 solid #cccccc;text-align:right;padding:5px 2px 5px 0}
.menu_box_style2_2{clear:both;height:50px;}
.menu_box_style2_2_1{float:left;width:350px;height:50px;text-align:left}
.menu_box_style2_2_2{float:right;width:628px;height:30px;margin:10px 0 0 0;padding-left:22px;}

.menu_style_2_first{float:left;height:130px;width:68px;padding:100 0 0 10px;text-align:left}
.menu_style_2{float:left;height:130px;width:100px;padding:100 0 0 10px;text-align:left;}

a.menu_2:link{color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_2:visited {color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_2:hover {color:#ffffff;text-decoration:none;text-decoration:underline;font-size:13px;font-weight:bold;}

a.menu_current_2{color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;}
a.menu_current_2:hover{color:#ffffff;text-decoration:underline;font-size:13px;font-weight:bold;}
l_qingquan - 2012/3/18 9:19:00
谁来帮帮我。
爱都明轩 - 2012/3/18 9:30:00
  1. .menu_box_style1_1{clear:both;border:0 solid #cccccc;}
  2. .menu_box_style1_1_1{float:left;}
  3. .menu_box_style1_1_2{float:right;padding:5px 0 0 0;}
  4. .menu_box_style1_2{clear:both;text-align:left;height:26px;background:url(images/menu_bg_1.gif) repeat 0 0;border:0 solid #dddddd;border-width:0 0 0 0;}

  5. .menu_style_1_first{float:left;width:100px;height:26px;text-align:center;background:url(images/menu_style_1.gif) no-repeat 0 0;}
  6. .menu_style_1{float:left;width:100px;height:26px;text-align:center;background:url(images/menu_style_1.gif) no-repeat 0 0;}

  7. a.menu_1:link{display:block;width:100px;height:18px;color:#FFFFFF;text-decoration: none;font-weight:bold;padding:5px 0 0 0}
  8. a.menu_1:visited {display:block;width:100px;height:18px;color:#FFFFFF;text-decoration:none;font-weight:bold;padding:5px 0 0 0}
  9. a.menu_1:hover {display:block;width:100px;height:18px;color:#FFFFFF;text-decoration:none;font-weight:bold;padding:5px 0 0 0;background:url(images/menu_style_1_out.gif) no-repeat 0 0;}

  10. a.menu_current_1{display:block;width:100px;height:18px;color:#FFFFFF;text-decoration:none;font-weight:bold;padding:5px 0 0 0;background:url(images/menu_style_1_out.gif) no-repeat 0 0;}
复制代码
修改里面的参数就可以随心所欲了
l_qingquan - 2012/3/18 11:10:00
明白了,谢谢……
mzxnlwh - 2012/3/20 15:37:00
不同菜单能不能不同宽度?
l_qingquan - 2012/3/22 10:39:00
我是设置的导航栏
1
查看完整版本: 请教导航栏目的宽度、间距、高度在哪调