
以下是HTML代碼
<div?class="nav">
??<div?class="nav_left"></div>
??<div?class="nav_mid">
????<div?class="nav_mid_left">
??????<ul>
????????<li><a?href="#">關于</a></li>
????????<li><a?href="#">動態(tài)</a></li>
????????<li><a?href="#">按類型分類</a></li>
????????<li><a?href="#">按機構分類</a></li>
????????<li><a?href="#">按風險分類</a></li>
????????<li><a?href="#">聯(lián)系我們</a></li>
??????</ul>
????</div>
????<div?class="nav_mid_right">
??????<form?action=""?method="post">
????????<input?type="text"?class="search_text"/>
??????</form>
????</div>
??</div><!--nav_mid結束-->
??<div?class="nav_right"></div>
</div><!--nav結束-->
以下是CSS代碼
.nav{height:40px;}
.nav_left{width:10px;
background:url(../%E7%B4%A0%E6%9D%90%E5%8C%85/images/nav_left.jpg)?no-repeat;
}
.nav_mid{width:980px;
background:url(../%E7%B4%A0%E6%9D%90%E5%8C%85/images/nav_bg.jpg)?repeat-x;
line-height:40px;}
.nav_right{width:10px;
background:url(../%E7%B4%A0%E6%9D%90%E5%8C%85/images/nav_right.jpg)?no-repeat;
}
.nav_left,.nav_mid,.nav_right{
height:40px;
float:left;
display:inline;}
.nav_mid_left,.nav_mid_right{float:left;
display:inline;}
.nav_mid_left{width:680px;}
.nav_mid_right{width:300px;}
.nav_mid?li?{
float:?left;
list-style-type:?none;
width:?100px;
font-family:?"微軟雅黑";
text-align:?center;
}
.nav_mid?a:link,?.nav_mid?a:visited?{
font-size:?16px;
color:?#FFF;
text-decoration:?none;
}
.nav_mid?a:hover,?.nav_mid?a:active?{
font-size:?16px;
color:?#FF0;
text-decoration:?none;
2015-04-15
臥槽我也是這樣,看這個解決了,貌似下載全代碼得那個壓縮包有問題我解壓錯誤。不過看這個解決了,謝謝大師。
2015-04-07
告訴瀏覽器,你的文檔以HTML格式遵循W3C標準XHTML1.0協(xié)議
2015-03-09
同問!也是這個問題,CSS代碼對比發(fā)現(xiàn)沒有問題啊!加了樓上那個回答之后就可以了,好奇怪!
2015-03-02
同問,導航欄錯位問題
2015-02-28
同求 也是這個問題?。?!怎么改都不行啊
2015-02-18
同求 也是這個問題?。?!
2015-02-11
同疑問,希望老師能幫忙解答,謝謝!
2015-02-06
我也是這個問題?。。?!后來試了樓上的方法,果然可以了求大神解答一下疑惑
2015-02-01
我也是這個問題,后來我經過代碼對比,一個一個篩,發(fā)現(xiàn)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">這個代碼是關鍵,你試試,具體原因我也說不清,希望有人能解答這個問題!
2015-01-26
你那個nav_left是設置那里的