求助修改二级导航代码

我把官方的二级导航分成了四格，第一到第三格的大小一样是160，第四格我想不做宽度限制。

现在出现的问题是第四格也被全局限制了大小，谁能帮我改改代码？

1. 
   
2. <DIV id=xad_mu class=cl>
   
3. <STYLE type=text/css>
   
4.   #xad_mu { padding: 15px 0; }
   
5.   #xad_mu div { padding-left: 50px; width: 311px; w\idth: 160px; background-repeat: no-repeat; background-position: 10px 50%; overflow: hidden; }
   
6.   #xad_mu a { float: left; margin-right: 5px; white-space: nowrap; }
   
7.    #xad_mu a:hover { text-decoration: underline; }
   
8. </STYLE>
   
9. <DIV style="BACKGROUND-IMAGE: url(ing/help_32.png); BORDER-RIGHT: #ddd 1px solid" id=xad_mu_l_c class=z><A id=xad_mu_l_1_c href="#">测试演示</A><A style="CLEAR: none" id=xad_mu_l_2_c href="#">测试演示</A> <A id=xad_mu_l_3_c>测试演示</A><A style="CLEAR: left" id=xad_mu_l_4_c>测试演示</A><A id=xad_mu_l_5_c>测试演示</A><A id=xad_mu_l_6_c>测试演示</A></DIV>
   
10. <DIV style="BACKGROUND-IMAGE: url(ing/recipe_32.png); BORDER-LEFT: #fff 1px solid; BORDER-RIGHT: #ddd 1px solid" id=xad_mu_c_c class=z><A id=xad_mu_c_1_c href="#">测试演示</A><A style="CLEAR: none" id=xad_mu_c_2_c href="#">测试演示</A> <A id=xad_mu_c_3_c>测试演示</A><A style="CLEAR: left" id=xad_mu_c_4_c>测试演示</A><A id=xad_mu_c_5_c>测试演示</A><A id=xad_mu_c_6_c>测试演示</A></DIV>
    
11. <DIV style="BACKGROUND-IMAGE: url(ing/recipe_32.png); BORDER-LEFT: #fff 1px solid; BORDER-RIGHT: #ddd 1px solid" id=xad_mu_c_c class=z><A id=xad_mu_c_1_c href="#">测试演示</A><A style="CLEAR: none" id=xad_mu_c_2_c href="#">测试演示</A> <A id=xad_mu_c_3_c>测试演示</A><A style="CLEAR: left" id=xad_mu_c_4_c>测试演示</A><A id=xad_mu_c_5_c>测试演示</A><A id=xad_mu_c_6_c>测试演示</A></DIV>
    
12. <DIV style="BACKGROUND-IMAGE: url(ing/recipe_32.png); BORDER-LEFT: #fff 1px solid" id=xad_mu_r_c class=z><A id=xad_mu_r_1_c href="#">测试演示</A><A style="CLEAR: none; FONT-WEIGHT: normal" id=xad_mu_r_2_c href="#">测试演示</A> <A id=xad_mu_r_3_c>测试演示</A><A id=xad_mu_r_4_c>测试演示</A><A style="CLEAR: left" id=xad_mu_r_5_c>测试演示</A><A id=xad_mu_r_6_c>测试演示</A><A id=xad_mu_r_7_c>测试演示</A><A id=xad_mu_r_8_c>测试演示</A></DIV></DIV>

复制代码

用DIV你的这种不限制宽度写法在有些浏览器里会出错

自己diy，很简单


这是我的小站
www.tsz.name
www.qhxnlt.com

不加，自适合的时候应该会出问题。。

这个还真不太会，帮顶一下

看看我小米站 www.cnbianji.com 昨天加的二级导航

1. <DIV id=xad_mu class=cl>
   
2. <STYLE type=text/css>
   
3.   #xad_mu { padding: 15px 0; }
   
4.   #xad_mu div { padding-left: 50px; width: 25%; background-repeat: no-repeat; background-position: 10px 50%; overflow: hidden; }
   
5.   #xad_mu a { float: left; margin-right: 5px; white-space: nowrap; }
   
6.    #xad_mu a:hover { text-decoration: underline; }
   
7. </STYLE>
   
8. <DIV style="BACKGROUND-IMAGE: url(ing/help_32.png); BORDER-RIGHT: #ddd 1px solid" id=xad_mu_l_c class=z><A id=xad_mu_l_1_c href="#">测试演示</A><A style="CLEAR: none" id=xad_mu_l_2_c href="#">测试演示</A> <A id=xad_mu_l_3_c>测试演示</A><A style="CLEAR: left" id=xad_mu_l_4_c>测试演示</A><A id=xad_mu_l_5_c>测试演示</A><A id=xad_mu_l_6_c>测试演示</A></DIV>
   
9. <DIV style="BACKGROUND-IMAGE: url(ing/recipe_32.png); BORDER-LEFT: #fff 1px solid; BORDER-RIGHT: #ddd 1px solid" id=xad_mu_c_c class=z><A id=xad_mu_c_1_c href="#">测试演示</A><A style="CLEAR: none" id=xad_mu_c_2_c href="#">测试演示</A> <A id=xad_mu_c_3_c>测试演示</A><A style="CLEAR: left" id=xad_mu_c_4_c>测试演示</A><A id=xad_mu_c_5_c>测试演示</A><A id=xad_mu_c_6_c>测试演示</A></DIV>
   
10. <DIV style="BACKGROUND-IMAGE: url(ing/recipe_32.png); BORDER-LEFT: #fff 1px solid; BORDER-RIGHT: #ddd 1px solid" id=xad_mu_c_c class=z><A id=xad_mu_c_1_c href="#">测试演示</A><A style="CLEAR: none" id=xad_mu_c_2_c href="#">测试演示</A> <A id=xad_mu_c_3_c>测试演示</A><A style="CLEAR: left" id=xad_mu_c_4_c>测试演示</A><A id=xad_mu_c_5_c>测试演示</A><A id=xad_mu_c_6_c>测试演示</A></DIV>
    
11. <DIV style="BACKGROUND-IMAGE: url(ing/recipe_32.png); BORDER-LEFT: #fff 1px solid" id=xad_mu_r_c class=z><A id=xad_mu_r_1_c href="#">测试演示</A><A style="CLEAR: none; FONT-WEIGHT: normal" id=xad_mu_r_2_c href="#">测试演示</A> <A id=xad_mu_r_3_c>测试演示</A><A id=xad_mu_r_4_c>测试演示</A><A style="CLEAR: left" id=xad_mu_r_5_c>测试演示</A><A id=xad_mu_r_6_c>测试演示</A><A id=xad_mu_r_7_c>测试演示</A><A id=xad_mu_r_8_c>测试演示</A></DIV></DIV>

复制代码

briskvoice 发表于 2011-12-6 20:06

高手，错位呢