最近用CSS做了个导航栏！不知道为什么，显示不正确！中间空了很多！应该是在一排显示的！
代码 复制 - 运行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="robots" content="ALL"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> <style> .menutop2009{width:980px;height:60px; font-size:12px;margin-bottom:3px;background:url(http://127.0.0.1/menutop2009bj.gif) left no-repeat;} .menutop2009n1{float:left;width:978px;height:50px;margin-top:8px;} .menutop2009n1 ul{float:left;background:url(http://127.0.0.1/menu_line_2009-7-3.gif) left no-repeat;padding:0 7px 0 9px;} .menutop2009n1 ul li{line-height:22px;font-family:"宋体";list-style-type:none;}} .menutop2009n1 ul li a{color:#016A9F;} .menutop2009n1 ul li a:link,.menutop2009n1 ul li a:visited{text-decoration:none;} .menutop2009n1 ul li a:hover{color:#000000;text-decoration:underline;} .menutop2009n1 ul li a:active{color:#016A9F;} .menutop2009cu a:link,.menutop2009cu a:visited,.menutop2009n1 ul li,.menutop2009cu a:hover{color:#FF5B01;} </style></head> <body> <!--导航2009-7-3－begin--> <div align="center"> <div class="menutop2009"> <div class="menutop2009n1"> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">新闻</a></strong> <a href="#" target="_blank">当日</a></li> <li><a href="#" target="_blank">主档</a> <a href="2" target="_blank">排行</a></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#/" target="_blank">新房</a></strong> <a href="#" target="_blank">开盘</a></li> <li><strong><a href="#" target="_blank">砍价</a></strong> <a href="#" target="_blank">促销</a></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">二 手 房</a></strong> <a href="#" target="_blank">荐房</a> <a href="#" target="_blank">估价</a></li> <li><strong><a href="#" target="_blank">个人出售</a></strong> <a href="#" target="_blank">一室</a> <a href="#" target="_blank">二室</a></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">租房</a></strong> <a href="#" target="_blank">整租</a> <a href="#" target="_blank">合租</a></li> <li><strong><a href="#" target="_blank">成都酒店式公寓</a></strong></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">写 字 楼</a></strong></li> <li><a href="#" target="_blank">出租</a> <a href="#" target="_blank">出售</a></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">别 墅 网</a></strong> <a href="#" target="_blank">新 别 墅</a></li> <li><strong><a href="#" target="_blank">二手别墅</a></strong> <a href="#." target="_blank">别墅出租</a></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">商铺</a></strong></li> <li><strong><a href="#" target="_blank">厂房</a></strong></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">地图找房</a></strong></li> <li><a href="#" target="_blank">交通地图</a></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">装修</a></strong> <a href="#" target="_blank">招标</a></li> <li><strong><a href="#" target="_blank">图库</a></strong> <a href="#" target="_blank">公司</a></li> </ul> <ul> <li><strong class="menutop2009cu"><a href="#" target="_blank">房产指数</a></strong> <a href="#" target="_blank">房 交 会</a></li> <li><strong><a href="#" target="_blank">交易播报</a></strong> <a href="#" target="_blank">招标拍卖</a></li> </ul> </div> </div></div> <!--2009-7-3导航 end--> </body> </html>
本帖最后由 asptop 于 2009-07-04 12:46 编辑
