添加导航代码后出错，请懂代码的老大进来看看！

明天过后 · 发表于 2011-3-8 09:54:50

大家看看这个代码什么地方出错了导致头部出错如图

出错图：出错.jpg

正常图：

导致会员名一栏加长了！
我添加的是网易的导航代码
代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<link rel="apple-touch-icon-precomposed" href="http://img1.cache.netease.com/www/logo/logo-ipad-icon.png" >
<script charset="gb2312" src="http://img3.cache.netease.com/cnews/js/ntes_jslib_1.x.js" language="javascript" type="text/javascript"></script>
<link id="setSkin" type="text/css" rel="stylesheet" href="http://img2.cache.netease.com/www/v2011/css/theme_blue1227.css" />
<style type="text/css">
html {overflow-y:scroll;}
body {margin:0; padding:0px 0 0; font:12px "\5B8B\4F53",san-serif;background:#ffffff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
.ntes-passport a {color:#727171;}
.ntes-passport a:hover {color:#ba2636;}
.fB{font-weight:bold;}
.f12px{font-size:10px;}
.f14px{font-size:10px;}
.left{float:left;}
.right{float:right;}
.I_V_ {background:url(http://img1.cache.netease.com/img09/icon/icon.png) left center no-repeat; padding-left:18px;}
.I_M_ {background:url(http://img1.cache.netease.com/img09/icon/icon.png) -457px center no-repeat; padding-left:18px;}
.I_cleardot_ {background:#fff; padding:0 0 0 10px; margin:0 6px 0 -10px; float:left; vertical-align:middle; cursor:pointer;}
.I_cleardot_:hover {text-decoration:underline;}
.foot{margin:0 auto; width:960px; line-height:21px; clear:both; color:#4d4d4d;}
.foot .text{padding:4px 0 5px; border-bottom:1px solid #4d4d4d; margin:0 0 5px;}
.foot a,.foot a:visited{color:#4d4d4d;}
.foot a:hover {color:#ba2636;}
/* link css */
a {color:#2b2b2b; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#ba2636;text-decoration:underline;}
a:active {color:#ba2636;}
.sub-list a,.sub-list a:visited {color:#585858;}
.cDGray,.cDGray:visited,.cDGray a{color:#727171;}
.cBlue,.cBlue:visited,.cBlue a{color:#1E50A2;}
.cDRed,.cDRed:visited,.cDRed a{color:#ba2636;}
.cRed {color:#ff0000;}
.tab-u a:hover,.cRed a:hover,a.cRed:hover,.sub-list a:hover,.cBlue a:hover,a.cBlue:hover,.cDRed a:hover,a.cDRed:hover,.cGray a:hover,a.cGray:hover,.cDGray a:hover,a.cDGray:hover,.cWhite a:hover,a.cWhite:hover,.cBlack a:hover,a.cBlack:hover,.cGreen a:hover,a.cGreen:hover,.cYellow a:hover,a.cYellow:hover{color:#ba2636;}
/* ntes snippet */
h1 {display:none;}
.logo {float:left; _display:inline; margin: 19px 7px 0 16px;}
.channel {float:right; height:80px; overflow:hidden;}
.channel-col {float:left; _display:inline; margin:10px 0 0 -1px; padding:0 0 0 16px; line-height:20px; border-left:1px solid #dcdddd;}
.channel-col a {float:left; margin:0 6px 0 0; width:24px;}
.channel-col .w3 {float:left; margin:0 6px 0 0; width:36px;}
.channel-col strong {float:left; margin-right:6px;}
.channel-col strong a {width:26px;}
.col-w .nowrap {float:left; width:138px;}
.col .nowrap {float:left; width:108px;}
.col-w3 .nowrap {float:left; width:120px;}
</style>
</head>
<div class="header">
<h1>网易</h1>
<div class="logo">
<a href="http://www.163.com/"><img src="http://img3.cache.netease.com/www/logo/logo_png.png" alt="网易" title="网易" border="0" height="37" width="118" /></a>
</div>
<div class="channel">
<div class="channel-col col-w">
<span class="nowrap"><strong><a href="http://news.163.com/">新闻</a></strong> <a href="http://war.news.163.com/">军事</a> <a href="http://news.163.com/review/">评论</a> <a href="http://news.163.com/photo/">图片</a>
<strong><a href="http://sports.163.com/">体育</a></strong> <a href="http://sports.163.com/nba/">NBA</a> <a href="http://cbachina.163.com/">CBA</a> <a href="http://sports.163.com/yc/">英超</a>
<strong><a href="http://ent.163.com/">娱乐</a></strong> <a href="http://ent.163.com/movie/">电影</a> <a href="http://ent.163.com/tv/">电视</a> <a href="http://ent.163.com/music/">音乐</a></span>
</div>
<div class="channel-col col-w">
<span class="nowrap">
<strong><a href="http://money.163.com/">财经</a></strong> <a href="http://money.163.com/stock/">股票</a> <a href="http://money.163.com/fund/">基金</a> <a href="http://biz.163.com/">商业</a>
<strong><a href="http://v.163.com/">视频</a></strong> <a href="http://v.163.com/nv/">网视</a> <a href="http://v.163.com/doc/">纪实</a> <a href="http://v.163.com/fashion/">风尚</a>
<strong><a href="http://lady.163.com/">女人</a></strong> <a href="http://fashion.163.com/">时尚</a> <a href="http://lady.163.com/beauty/">美容</a> <a href="http://lady.163.com/sense/">情爱</a>
</span>
</div>
<div class="channel-col col-w3">
<span class="nowrap">
<strong><a href="http://tech.163.com/">科技</a></strong> <a href="http://money.163.com/hkstock/">港股</a> <a href="http://tech.163.com/cnstock/" class="w3">概念股</a>
<strong><a href="http://mobile.163.com/">手机</a></strong> <a href="http://tech.163.com/3G/">3G</a> <a href="http://product.tech.163.com/mobile/" class="w3">手机库</a>
<strong><a href="http://digi.163.com/">数码</a></strong> <a href="http://hea.163.com/">家电</a> <a href="http://tech.163.com/digi/nb/" class="w3">笔记本</a>
</span>
</div>
<div class="channel-col col">
<span class="nowrap">
<strong><a href="http://auto.163.com/">汽车</a></strong> <a href="http://auto.163.com/buy/">购车</a> <a href="http://product.auto.163.com/">搜车</a>
<strong><a href="http://travel.163.com/">旅游</a></strong> <a href="http://discovery.163.com/">探索</a> <a href="http://sports.163.com/lottery/">彩票</a>
<strong><a href="http://house.163.com/" id="houseUrl">房产</a></strong> <a href="http://home.163.com/">家居</a> <a href="http://xf.house.163.com/gz/">买房</a>
</span>
</div>
<div class="channel-col col">
<span class="nowrap">
<strong><a href="http://bbs.163.com/">论坛</a></strong> <a href="http://bbs.163.com/special/00153AU9/bbsrank.html">热贴</a> <a href="http://photo.163.com/">摄影</a>
<strong><a href="http://blog.163.com/?fromNavigation">博客</a></strong> <a href="http://blog.163.com/blogger.html">名博</a> <a href="http://edu.163.com/">教育</a>
<strong><a href="http://game.163.com/">游戏</a></strong> <a href="http://wan.163.com/">页游</a> <a href="http://book.163.com/">读书</a>
</span>
</div>
<div class="channel-col col">
<span class="nowrap">
<strong><a href="http://t.163.com/" style="color:#ba2636;">微博</a></strong> <a href="http://t.163.com/rank/daren">人物</a> <a href="http://t.163.com/rank">热点</a>
<strong><a href="http://fushi.163.com/">服饰</a></strong> <a href="http://baby.163.com/">亲子</a> <a href="http://gongyi.163.com/">公益</a>
<strong><a href="http://m.163.com/">应用</a></strong> <a href="http://shop.163.com/">商城</a> <a href="http://media.163.com/">传媒</a>
</span>
</div>
</div>

复制代码

明天过后 · 发表于 2011-3-8 09:59:19

没有懂得吗？

deviljing · 发表于 2011-3-8 10:29:06

不懂的别乱加CSS代码，里面有很多可能冲突的你都加上去了

明天过后 · 发表于 2011-3-8 10:40:48

回复 deviljing 的帖子

那怎么才能做成那个样子呢？大哥你会吗？帮写个呗

deviljing · 发表于 2011-3-8 11:36:28

哪个样子？图片能看什么？
你怎么添的我都不知道

明天过后 · 发表于 2011-3-8 14:07:06

回复 deviljing 的帖子

就是网易首页的导航

		自动登录	找回密码
密码			立即注册

[求助] 添加导航代码后出错，请懂代码的老大进来看看！