请朋友帮帮忙。。谢谢！！！

请大家帮忙看看，怎么把二级导航前面的那根线去除，或在后面加一根线。

1. 
   
2. <BLOCKQUOTE>

复制代码

                    <style>
.nav_bd {width:960px; height:63px; margin:0 auto; background:url() no-repeat;overflow:hidden;}
.nav_bd_ul{margin:7px 0px 0 7px;float:left;width:960px;}
.nav_bd_ul li{height:25px;width:94px;line-height:25px;border-left:1px dashed #ccc;float:left;}
.nav_bd_ul li a{font-size:14px;color:#575757;display:block;width:60px;height:25px;background:url() no-repeat 10px 9px;padding:0 13px 0 19px;text-decoration:none;}
.nav_bd_ul li a:hover{background:url() no-repeat 5px center;color:#838B83;text-decoration:none;}
</style>
<div class="nav_bd">
<ul class="nav_bd_ul">
<li><A title=妈咪宝贝  ><SPAN>妈咪宝贝</SPAN></A></li>
<li><A title=活动花絮  ><SPAN>活动花絮</SPAN></A></li>
<li><A title=折扣优惠  ><SPAN>折扣优惠</SPAN></A></li>
<li><A title=会员相册  ><SPAN>会员相册</SPAN></A></li>
<li><A title=线上活动  ><SPAN>线上活动</SPAN></A></li>  
<li><A title=常宁票务  ><SPAN>常宁票务</SPAN></A></li>
<li><A title=常宁交友  ><SPAN>常宁交友</SPAN></A></li>  
<li><A title=乡里乡亲  ><SPAN>乡里乡亲</SPAN></A></li>
<li><A title=常宁问答  ><SPAN>常宁问答</SPAN></A></li>
<li><A title=旅游天地  ><SPAN>旅游天地</SPAN></A></li>
<li><A title=上班一族  ><SPAN>上班一族</SPAN></A></li>
<li><A title=聚焦常宁  ><SPAN>聚焦常宁</SPAN></A></li>
<li><A title=常宁生活  ><SPAN>常宁生活</SPAN></A></li>
<li><A title=情感小轩  ><SPAN>情感小轩</SPAN></A></li>
<li><A title=心情日记  ><SPAN>心情日记</SPAN></A></li>
<li><A title=美食天下  ><SPAN>美食天下</SPAN></A></li>
<li><A title=女人世界  ><SPAN>女人世界</SPAN></A></li>
<li><A title=谈婚论嫁  ><SPAN>谈婚论嫁</SPAN></A></li>
<li><A title=车友之家  ><SPAN>车友之家</SPAN></A></li>
<li><A title=游戏世界  ><SPAN><font color="#FF0000">游戏世界</font></SPAN></A></li>
<ul></ul>
</ul>
</div>

把要去掉的单独添加一个class,定义单独的样式。或者都不要线线，你这个宽度写死了。可以把线线坐在背景里面。

幽壑潜蛟 发表于 2014-4-19 20:53
把要去掉的单独添加一个class,定义单独的样式。或者都不要线线，你这个宽度写死了。可以把线线坐在背景里面 ...

关键是不会写。能教一下吗？

修改一下这个
.nav_bd_ul{margin:7px 0px 0 7px;float:left;width:960px; border-right:1px dashed #ccc;}
宽度可能需要调一调。可能不是960px; 可能是959px,这个要根据你自己的那边显示的效果调一调。。这句的意思就是在右边也添加一条虚线。明白吧。

幽壑潜蛟 发表于 2014-4-20 10:47
修改一下这个
.nav_bd_ul{margin:7px 0px 0 7px;float:left;width:960px; border-right:1px dashed #ccc;} ...

改了，959，958，957一直到950好像都不行

1. .nav_bd_ul {
   
2. border-right: 1px dashed #ccc;
   
3. margin: 7px 7px 0 7px;
   
4. float: left;
   
5. /* width: 960px; */
   
6. }
   
7. .nav_bd_ul li {
   
8. height: 25px;
   
9. width: 93px;
   
10. line-height: 25px;
    
11. border-left: 1px dashed #ccc;
    
12. float: left;
    
13. }

复制代码

这是我用谷歌在线调试的代码。没有测试IE是否兼容。 你看不到边框的原因是因为子导航的最大宽度960，你你面的ul也是960，而且左边还有7的外边距。 都已经超出了父元素的宽度了。 这里让他自适应。在右侧也给了7的边距，里面的li测试了一下93比较合适。要想精确只有自己算。上图为证。

幽壑潜蛟 发表于 2014-4-20 13:22
这是我用谷歌在线调试的代码。没有测试IE是否兼容。 你看不到边框的原因是因为子导航的最大宽度960，你你 ...

谢谢！！！