                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實戰(zhàn)

為什么我的焦點圖那塊的圖片顯示不正常？？？？？

<!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>
??? <title>企業(yè)網(wǎng)站</title>
??? <link href="css/main.css" rel="Stylesheet" type="text/css" />
??? <script src="js/setHomeSetFav.js" charset="gb2312" type="text/javascript" ></script>
??? <script src="js/myfocus-2.0.1.min.js" charset="gb2312" type="text/javascript" ></script>
??? <script src="js/mf-pattern/mF_YSlider.js" charset="gb2312" type="text/javascript" ></script>
??? <link href="js/mf-pattern/mF_YSlider.css" charset="gb2312" type="text/css" />
</head>
<body>
<div class="top">
??? <div class="top_content">
??????? <ul>
??????????? <li><a href="#">聯(lián)系我們</a></li>
??????????? <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
??????????? <li><a href="#" onclick="SetHome(window.location)">設(shè)為首頁</a></li>
??????? </ul>
??? </div>
</div>
<div class="wrap">
??? <div class="log">
??????? <div class="log_left">
??????? <img src="images/logo.jpg" alt="慕課網(wǎng)" />
??????? </div>
??????? <div class="log_right">
??????? <img src="images/tel.jpg" alt="免費熱線" />24小時免費熱線：<span class="tel">820-820-8820</span>
??????? </div>
??? </div>
??? <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="#">關(guān)于陳聰</a></li>
??????????????????? <li><a href="#">新聞動態(tài)</a></li>
??????????????????? <li><a href="#">課程中心</a></li>
??????????????????? <li><a href="#">在線課程</a></li>
??????????????????? <li><a href="#">人才招聘</a></li>
??????????????? </ul>
??????????? </div>
??????????? <div class="nav_mid_right">
??????????????? <form action="" method="post">
??????????????????? <input type="text"? class="search_text" />
??????????????? </form>
??????????? </div>
??????? </div>
??????? <div class="nav_right">
??????? </div>
??? </div>
??? <div class="ad">
??????? <ul>
??????????? <li><img src="images/ad2.jpg" alt="ad2" /></li>
??????????? <li><img src="images/ad3.jpg" alt="ad3" /></li>
??????????? <li><img src="images/ad4.jpg" alt="ad4" /></li>
??????? </ul>
??? </div>
</div>
</body>
</html>

--------------------------------------------css-------------------------------------------------------

*
{
??? margin:0px;
??? padding:opx;
??? font-size:12px;
}
body
{
??? background-color:#f5f5f5;
}
.top
{
? width:100%;
? height:27px;
? background:url(../images/top_bg.jpg) repeat-x; ?
}
.top_content
{
??? width:1000px;
??? margin:0px auto;/*設(shè)置內(nèi)容居中*/
??? line-height:27px;
}
.top_content li
{
??? /*設(shè)置列表橫排顯示，需要注意排序*/
??? list-style:url(../images/li_bg.gif);
??? float:right;
??? width:70px;
??? line-height:27px;
}
.top_content a:link,.top_content a:visited /* .top__content樣式下的 a 標簽的初始狀態(tài)和.top_content樣式下的 a 標簽的訪問之后的狀態(tài) */
{
??? color:#8e8e8e;
??? text-decoration:none;
}
.top_content a;hover,.top_content a:active /* .top__content樣式下的 a 標簽的鼠標放上去和.top_content樣式下的 a 標簽的活動狀態(tài) */
{
??? color:#900;
??? text-decoration:none;
}
.wrap
{
??? width:1000px;
??? margin:0px auto;
}
.log
{
??? height:80px;
??? background-color:#fff;
}
.log_left
{
??? width:300px;
??? float:left;
}
.log_right
{
??? height:28px;
??? width:300px;
??? float:right;
??? margin-top:28px;
??? color:#8e8e8e;
}
.log_right img
{
??? vertical-align:middle;
??? margin-right:5px;
}
.tel
{
??? font-family:微軟雅黑;
??? font-size:14px;
??? color:#C00;
}
.nav,.nav_left,.nav_mid,.nav_right
{
??? height:40px;
}
.nav_left,.nav_mid,.nav_right
{
??? float:left;
}
.nav_left
{
??? width:10px;
??? background:url(../images/nav_left.jpg) no-repeat;
}
.nav_mid
{
??? width:980px;
??? background:url(../images/nav_bg.jpg) repeat-x;
??? }
.nav_right
{
??? width:10px;
??? background:url(../images/nav_right.jpg) no-repeat;
}
.nav_mid_left,.nav_mid_right
{
??? float:left;
}
.nav_mid_left
{
??? width:680px;
}
.nav_mid_right
{
??? width:300px;
}
.nav_mid_left li
{
??? width:100px;
??? float:left;
??? list-style:none;
??? line-height:40px;
??? text-align:center;
}
.nav_mid_left a:link,.nav_mid_left a:visited
{
??? text-decoration:none;
??? font-size:16px;
??? color:#fff;
??? font-family:微軟雅黑;
}
.nav_mid_left a:hover
{
??? text-decoration:none;
??? font-size:16px;
??? color:#ff0;
??? font-family:微軟雅黑;
}
.search_text
{
??? width:190px;
??? height:25px;
??? margin-top:5px;
??? background:url(../images/search.jpg) no-repeat right center;
??? background-color:#fff;
??? padding-right:25px;
??? border:1px solid #fff;
}
.ad
{
??? height:310px;
??? overflow:hidden;
}
.ad li
{
??? list-style:none;
}