首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

ul li的竖排二级导航栏,该怎么解决

2012-09-11 
ul li的竖排二级导航栏HTML code!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http:

ul li的竖排二级导航栏

HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title>test </title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <style type="text/css"> .listimages{list-style-type:none;font-size:40px;font-weight:bold;letter-spacing: 40px;}.list1{list-style-type:none;background:url(images/2.jpg) no-repeat top center;padding:10px 0 0 0px;}.sp{float:left;display:inline;width:14px;height:80px;font-size:14px;word-wrap:break-word;word-break:nomal;margin-left:10px;}  </style> </head> <body> <ul><li class="listimages sp"><a>和导航栏</a><ul><li class="list1 sp">第二航栏</li><li class="list1 sp">第导航栏</li></ul></li></ul> </body></html>

整体的效果是第一级竖排,第二级导航栏和第一级并列,现在效果出不来,高人路过帮忙看看,谢谢了

[解决办法]
a div{float:left}

热点排行