simonhu - 2009/9/15 16:19:00
首页顶部的导航好像能放置10个栏目,像首页、关于我们等等,但是目前我只有七个栏目,导致导航右边空了,我想把导航上的每个栏目宽度调整的宽点,调了几下CSS不行,请XIYOU老师和各位爱好者回答下,谢谢。
apple - 2009/9/15 16:23:00
先截图看看你的效果先,然后才能说清楚
simonhu - 2009/9/15 16:26:00

现在最右边看上去是空的,我想把每个栏目拉宽点,让这七个均匀显示在导航上
apple - 2009/9/15 16:29:00
.menu_style_1{}
.menu_style_1_last{}
a.menu_1:link{}
a.menu_1:visited {}
a.menu_1:hover {}
a.menu_current_1{}
a.menu_current_1_last{}
以上几个样式的width都改大一点就好了
simonhu - 2009/9/15 16:32:00
仁兄正解,我再试试
simonhu - 2009/9/15 16:38:00

间距是大了,但是导航上的文字不居中,如何整?
xiyou - 2009/9/15 16:55:00
不是不居中,而是背景图片小了
images/menu_style_1_out.gif
images/menu_style_1.gif
如果你改大了尺寸,这些图片你也要做大一点
simonhu - 2009/9/15 16:55:00
应该是修改以下代码中的某一个,请告知:
.menu_style_1{float:left;width:130px;height:36px;text-align:center;background:url(images/menu_style_1.gif) no-repeat 0 0;}
.menu_style_1_last{float:left;width:130px;height:36px;text-align:center;background:url(images/menu_style_1.gif) no-repeat 0 0;}
a.menu_1:link{display:block;width:130px;height:28px;color:#ffffff;text-decoration: none;font-weight:bold;padding:8px 0 0 0}
a.menu_1:visited {display:block;width:130px;height:28px;color:#ffffff;text-decoration:none;font-weight:bold;padding:8px 0 0 0}
a.menu_1:hover {display:block;width:130px;height:28px;color:#ffffff;text-decoration:none;font-weight:bold;padding:8px 0 0 0;background:url(images/menu_style_1_out.gif) no-repeat 0 0;}
a.menu_current_1{display:block;width:130px;height:28px;color:#ffffff;text-decoration:none;font-weight:bold;padding:8px 0 0 0;background:url(images/menu_style_1_out.gif) no-repeat 0 0;}
a.menu_current_1_last{display:block;width:130px;height:28px;color:#ffffff;text-decoration:none;font-weight:bold;padding:8px 0 0 0;background:url(images/menu_style_1_out.gif) no-repeat 0 0;}
simonhu - 2009/9/15 16:57:00
xuyou帅哥回答整正解,问题已经解决!多谢!