二级导航三排修改

这是网站的效果：
只有二排。
想改成三排的。
<STYLE type="text/css">
.wapNote,.colNav4t dl,.colNav4t dt,.colNav4t dd a:hover,.colNav4t dd a:hover span,#miniSearch .btn-search,.navAd,.colNav4t dl div em{ background:url() no-repeat;}
.wapNote {position:absolute;left:205px;top:36px;padding-left:15px;line-height:16px;_width:180px;color:#00AAD1;background-position:-988px -260px;}
.wapNote a {color:#ff6600;}
.wapNote a:hover {text-decoration:underline;}
#colNav4t { height:58px; padding:1px; _margin-top:5px;
margin-bottom:5px; color:#325E7F;
font:14px/1.5 Tahoma,Helvetica,Arial,"5b8b4f53";}
.colNav4t { background:#F6F6F6;}
.colNav4t a { color:#325E7F;}
.colNav4t dl { float:left; position:relative; z-index:1; padding:8px 8px 3px 14px; height:48px; background-position:-315px -120px;}
.colNav4t dl.navShopping { width:260px; padding-left:10px; background:none;clear:left}
.colNav4t dl.navLife { width:260px;}
.colNav4t dl.navTalk { width:180px;}
.colNav4t dl.navService { width:160px;}
.colNav4t dt { float:left; width:28px; margin-top:1px; text-align:center; font-size:12px; color:#4062B9; padding-top:25px;
background-position:-589px -55px;}
.colNav4t dl.navLife dt { background-position:-620px -55px;}
.colNav4t dl.navTalk dt { background-position:-651px -55px;}
.colNav4t dl.navService dt { background-position:-681px -55px;}
.colNav4t dd { margin-left:30px;}
.colNav4t dd a,.colNav4t dd a span { display:inline-block;zoom:1;*display:inline;}
.colNav4t dd a {margin-bottom:2px;margin-right:2px;font-size:14px;}
.colNav4t dd a span { position:relative; z-index:0; right:-2px; padding:0 7px 0 5px;padding-top:1px9;height:22px;line-height:22px;*cursor:pointer;}
.colNav4t dd a:hover { text-decoration:none; color:#FF6C00;}
.colNav4t dd a:hover,.colNav4t dd a:hover span {background-position:-882px -153px;}
.colNav4t dd a:hover span { background-position:100% -153px;}
.colNav4t dl div { position:absolute; right:-2px; top:55px;width:103px}
.colNav4t dl div em { position:absolute; top:-6px; _top:-4px; right:4px; width:8px; height:8px; overflow:hidden; background-position:100% -19px;}
.colNav4t dl p { display:none; margin-top:5px; _margin-top:7px; padding:0 7px 5px 4px; border:1px solid #DDD; border-top:none; background:#FFF;}
.colNav4t dl.moreOn { background-color:#FFF;}
.colNav4t dl.moreOn em { display:none;}
</style>
<div id="colNav4t"><div class="colNav4t cf"><dl class="navShopping"><dt>分类</dt><dd>
<a target="_blank" ><span>房产楼市</span></a>
<a target="_blank" ><span>喜庆婚嫁</span></a>
<a target="_blank" ><span>亲子家园</span></a>
<a target="_blank" ><span>车行天下</span></a>
<a target="_blank" ><span>每日一团</span></a>
<a target="_blank" ><span>吃在荆门</span></a>
</dd>
</dl>
<dl class="navLife"><dt>综合</dt><dd><a target="_blank" href="http://www.tumenxiang.com/forum.php?
mod=forumdisplay&fid=302"><span>房屋租赁</span></a><a target="_blank" href="http://www.tumenxiang.com/forum.php?
mod=forumdisplay&fid=343"><span>房产楼市</span></a><a target="_blank" href="http://www.tumenxiang.com/forum.php?
mod=forumdisplay&fid=319"><span>情感生活</span></a><a target="_blank" href="http://www.tumenxiang.com/forum.php?
mod=forumdisplay&fid=312"><span>影音风暴</span></a><a target="_blank" ><span>荆门关注</span></a><a target="_blank" ><span>二手交易</span></a>
</dd>
</dl>
<dl class="navTalk">
<dt>社区</dt><dd>
<a target="_blank" ><span>驴行天下</span></a>
<a target="_blank" ><span>我是拍客</span></a>
<a target="_blank" ><span>他乡荆门</span></a>
<a target="_blank" ><span>投资理财</span></a>
</dd>
</dl>
<dl class="navService">
<dt>服务</dt><dd>
<a target="_blank" ><span>广告</span></a><a target="_blank" ><span>二手</span></a><a target="_blank" ><span>求职</span></a><a target="_blank" ><span>站务中心</span></a>
</dd>
</dl></div>
</div>
还有就是有二处的颜色怎么不一样了。

土门巷
网址：www.tumenxiang.com
开站三个月了。

你的 框架出现问题了  logo 图太大了

sz108net 发表于 2012-3-7 15:42
你的 框架出现问题了  logo 图太大了

导航是不是右移了。

lundoo 发表于 2012-3-8 02:12
导航是不是右移了。

是的，logo 过大 就会导致这样的情况了

到模板区咨询下。

不知道如何发贴啊。