漂亮的二级导航

唉，好长时间没登录了，大家说有错位，我测了下的确有。

掉了几个 <br /> ，现在已经修正了。

导航

1. <style type="text/css">
   
2. * {
   
3. MARGIN:0px;
   
4. PADDING:0px;
   
5. }
   
6. 
   
7. ul,li,ol {
   
8. list-style:none;
   
9. }
   
10. .bod_yy a:active {
    
11. test:expression(target="_blank");
    
12. }
    
13. .zone a:active,a.close:active,#feedback-box a:active {
    
14. test:expression(target="_self");
    
15. }
    
16. 
    
17. .item a:active,.item span{
    
18. test:expression(target="_blank");
    
19. }
    
20. a:active.target {
    
21. test:expression(target="_self");
    
22. }
    
23. IMG {
    
24. border:0px;
    
25. }
    
26. A {
    
27. COLOR: #114499; TEXT-DECORATION: none;
    
28. }
    
29. .topmenu A {
    
30. COLOR: #272727; TEXT-DECORATION: none;
    
31. }
    
32. 
    
33. A:active {
    
34. COLOR: #114499; TEXT-DECORATION: none;
    
35. }
    
36. A:hover {
    
37. COLOR: #c30; TEXT-DECORATION: none;
    
38. }
    
39. H2,h3,h4,h5,h6 {
    
40. FONT-SIZE:12px;
    
41. }
    
42. H3 A {
    
43. TEXT-ALIGN:center;
    
44. FONT-FAMILY:'黑体',arial,sans-serif;
    
45. COLOR:#262626;
    
46. FONT-SIZE:20px;
    
47. FONT-WEIGHT:normal
    
48. }
    
49. INPUT {
    
50. FONT-SIZE:12px
    
51. }
    
52. SELECT {
    
53. FONT-SIZE:12px
    
54. }
    
55. 
    
56. EM {
    
57. FONT-STYLE:normal;
    
58. FONT-WEIGHT:normal
    
59. }
    
60. .m_tp {
    
61. margin-top:5px;
    
62. }
    
63. .m_tp1 {
    
64. margin-top:8px;
    
65. }
    
66. .m_lp {
    
67. margin-left:5px;
    
68. }
    
69. .m_lp1 {
    
70. margin-left:8px;
    
71. }
    
72. 
    
73. /*布局*/
    
74. .bod_yy {
    
75. background-image:url(http://www.0376.cn/img2/yinying.gif);
    
76. background-repeat:repeat-y;
    
77. overflow:hidden;
    
78. margin:0px auto;
    
79. width:986px;
    
80. }
    
81. #usr {
    
82. background-image:url(http://www.0376.cn/images/usr_log_bg.gif);
    
83. background-repeat:repeat-x;
    
84. height:36px;
    
85. overflow:hidden;
    
86. }
    
87. .bod_w {
    
88. width:950px;
    
89. margin-left:auto;
    
90. margin-right:auto;
    
91. }
    
92. #usr {
    
93. background-image:url(http://www.0376.cn/images/usr_log_bg.gif);
    
94. background-repeat:repeat-x;
    
95. height:36px;
    
96. overflow:hidden;
    
97. }
    
98. #usr #usr_log {
    
99. float:left;
    
100. width:500px;
     
101. height:36px;
     
102. padding-top:10px;
     
103. text-align:left;
     
104. padding-left:25px;
     
105. background:url(http://www.0376.cn/images/logimg.gif) no-repeat 0 12px;
     
106. }
     
107. #usr .zone {
     
108. letter-spacing:0.3mm;
     
109. }
     
110. #usr #usr_log .but_log {
     
111. height:18px;
     
112. width:49px;
     
113. background:url(http://www.0376.cn/images/logbut.gif);
     
114. border:0;
     
115. color:#fff;
     
116. line-height:16px;
     
117. cursor:pointer;
     
118. }
     
119. 
     
120. 
     
121. /*菜单*/
     
122. .topmenu {
     
123. MARGIN:0px auto;
     
124. WIDTH:950px;
     
125. CLEAR:both;
     
126. FONT-SIZE:12px;
     
127. height:60px;
     
128. }
     
129. .topmenu DT {
     
130. TEXT-ALIGN:center;
     
131. WIDTH:46px;
     
132. DISPLAY:inline;
     
133. FLOAT:left;
     
134. HEIGHT:54px;
     
135. OVERFLOW:hidden
     
136. }
     
137. .topmenu DD {
     
138. BACKGROUND:url(http://www.0376.cn/img2/menu_bg.jpg) repeat-x;
     
139. FLOAT:left;
     
140. HEIGHT:54px;
     
141. FONT-SIZE:12px
     
142. }
     
143. .topmenu DD A {
     
144. PADDING-LEFT:5px;
     
145. PADDING-RIGHT:5px
     
146. 
     
147. }
     
148. 
     
149. .topmenu DD SPAN {
     
150. WIDTH:7px;
     
151. DISPLAY:block;
     
152. BACKGROUND:url(http://www.0376.cn/img2/menu_right.jpg) no-repeat;
     
153. FLOAT:right;
     
154. HEIGHT:54px;
     
155. MARGIN-RIGHT:-2px
     
156. }
     
157. .topmenu DD DIV {
     
158. POSITION:relative;
     
159. MARGIN-TOP:7px;
     
160. PADDING-LEFT:2px;
     
161. DISPLAY:block;
     
162. WHITE-SPACE:nowrap
     
163. }
     
164. .topmenu .fix_p {
     
165. POSITION:absolute;
     
166. WIDTH:21px;
     
167. HEIGHT:10px;
     
168. TOP:-11px;
     
169. LEFT:87px
     
170. }
     
171. .topmenu .fix_b {
     
172. POSITION:absolute;
     
173. WIDTH:21px;
     
174. HEIGHT:10px;
     
175. TOP:-11px;
     
176. LEFT:52px
     
177. }
     
178. .news DD {
     
179. WIDTH:132px;
     
180. DISPLAY:inline;
     
181. line-height:20px;
     
182. }
     
183. .news DD A {
     
184. color:#333333;
     
185. }
     
186. .news DD A:hover {
     
187. color:#cc0069;
     
188. text-decoration:none;
     
189. }
     
190. .news DL {
     
191. DISPLAY:block;
     
192. OVERFLOW:hidden
     
193. }
     
194. .live DD {
     
195. WIDTH:162px;
     
196. DISPLAY:inline;
     
197. line-height:20px;
     
198. }
     
199. .live DT {
     
200. WIDTH:45px;
     
201. MARGIN-LEFT:10px
     
202. }
     
203. .house DD {
     
204. WIDTH:105px;
     
205. DISPLAY:inline;
     
206. line-height:20px;
     
207. }
     
208. .house DT {
     
209. WIDTH:45px;
     
210. MARGIN-LEFT:10px
     
211. }
     
212. .gear DD {
     
213. WIDTH:83px;
     
214. DISPLAY:inline;
     
215. line-height:20px;
     
216. }
     
217. .gear DT {
     
218. WIDTH:45px;
     
219. MARGIN-LEFT:10px
     
220. }
     
221. .bbs_nav DD {
     
222. WIDTH:130px;
     
223. DISPLAY:inline;
     
224. line-height:20px;
     
225. }
     
226. .bbs_nav DT {
     
227. WIDTH:45px;
     
228. MARGIN-LEFT:10px
     
229. }
     
230. .zonghe DD {
     
231. WIDTH:155px;
     
232. DISPLAY:inline;
     
233. line-height:20px;
     
234. }
     
235. .zonghe DT {
     
236. WIDTH:45px;
     
237. MARGIN-LEFT:10px
     
238. }
     
239. </style>
     
240. 
     
241. <DIV class=bod_yy>
     
242. <DIV class=topmenu>
     
243. <DL class=news>
     
244. <DT><A ><IMG src="http://www.0376.cn/img2/news.jpg"></A> </DT>
     
245. <DD><SPAN></SPAN>
     
246. <DIV><A href="#">新闻资讯</A><A href="#"><FONT color=#cc0000>便民</FONT></A><A href="#">二手</A><br />
     
247. <A href="#">生活服务</A><A href="#">交友</A><A href="#">培训</A></DIV>
     
248. </DD></DL>
     
249. <DL class=live>
     
250. <DT><A ><IMG src="http://www.0376.cn/img2/house.jpg"></A> </DT>
     
251. <DD><SPAN></SPAN>
     
252. <DIV><A href="#"><FONT color=red>找租房</FONT></A><A href="#">找楼盘</A><A href="#"><FONT color=#ff0000>找二手房</FONT></A><br />
     
253. <A href="#"><FONT color=blue>找中介</FONT></A><A href="#">查小区</A><A href="#">求租求购</A></DIV>
     
254. </DD></DL>
     
255. <DL class=house>
     
256. <DT><A ><IMG src="http://www.0376.cn/img2/job.jpg"></A> </DT>
     
257. <DD><SPAN></SPAN>
     
258. <DIV>
     
259. <DIV class=fix_p><IMG src="http://www.0376.cn/img2/new_icop.gif"></DIV><A href="#">找工作</A><A href="#"><FONT color=#ff0000>投简历</FONT></A><br />
     
260. <A href="#">找人才</A><A href="#">发职位</A></DIV>
     
261. </DD></DL>
     
262. <DL class=bbs_nav>
     
263. <DT><A  ><IMG src="http://www.0376.cn/img2/shop.jpg"></A></DT>
     
264. <DD><SPAN></SPAN>
     
265. <DIV>
     
266. <DIV class=fix_b><IMG src="http://www.0376.cn/img2/new_icop.gif"></DIV><A class=red_f href="#"><FONT color=#ff0000>口碑商家</FONT></A><A href="#">同城购物</A><br />
     
267. <A class=red_f href="#">线上团购</A><A href="#">线下团购</A></DIV>
     
268. </DD></DL>
     
269. <DL class=zonghe>
     
270. <DT><A  ><IMG src="http://www.0376.cn/img2/zonghe.jpg"></A></DT>
     
271. <DD><SPAN></SPAN>
     
272. <DIV>
     
273. <A class=red_f href="#" ><FONT color=#ff0000>信阳论坛</FONT></A><A href="#">看电影</A><A href="#">QQ群</A><br />
     
274. <A class=red_f href="#">新手报道</A><A href="#">爱拍照</A><A href="#">签到</A></DIV>
     
275. </DD></DL> </DIV>
     
276. </DIV>

复制代码

确实挺好看，支持下

看起来不错啊··

感谢提供！！新站长的福利啊~~~

哈哈  还不错 哦

嗯，不错

把代码复制完以后，粘贴在哪应用额

怎么这样呢？怎么处理　让它们分栏

有错位啊！不能用啊！

确实有错位