发新话题
打印

大家帮忙看一下,这个下拉菜单怎么了?(有图)

大家帮忙看一下,这个下拉菜单怎么了?(有图)

如图,下拉菜单 那里出问题阿,没接触过代码,不知道是什么原因,请大家帮忙看一下,谢谢!
复制内容到剪贴板
代码:
<!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>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@charset "utf-8";
/* CSS Document */


td img {display: block;}

body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #242424;
}


a:link {
        color: #a0a0a0;
        text-decoration: none;
}
a:active {
        color: #a0a0a0;
        text-decoration: none;
}
a:visited {
        color: #a0a0a0;
        text-decoration: none;
}

a:hover {
        color: #CCCCCC;
        text-decoration: none;
}

#channel-nav a:link {
       
        ttext-decoration: none;
}

#channel-nav a:active {

        text-decoration: none;
}
#channel-nav a:visited {
       
        text-decoration: none;
}

#channel-nav a:hover {
        color: #ffffff;
}

.channel-nav {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0;
        BACKGROUND: url(http://farm8.staticflickr.com/7013/6810979335_349bbbfa69_z.jpg) no-repeat;
        PADDING-BOTTOM: 0px;
        OVERFLOW: hidden;
        WIDTH: 660px;
        PADDING-TOP: 0px;
        POSITION: relative;
        HEIGHT: 35px;
        padding-left: 0px;
}
.channel-nav UL {
        FONT-SIZE: 12px;
        LEFT: -25px;
        OVERFLOW: hidden;
        WIDTH: 660px;
        LINE-HEIGHT: 33px;
        POSITION: absolute;
        TOP: -12px;
        HEIGHT: 33px;
        font-weight: bold;
}
.channel-nav LI {
        PADDING-LEFT: 0px;
        LEFT: 0px;
        FLOAT: left;
        OVERFLOW: hidden;
        POSITION: relative;
        HEIGHT: 33px;
        width: 100px;
}
.channel-nav LI A {
        PADDING-RIGHT: 16px;
        PADDING-LEFT: 16px;
        FLOAT: left;
        PADDING-BOTTOM: 0px;
        COLOR: #fff;
        PADDING-TOP: 0px
        TEXT-DECORATION: none
}
.channel-nav LI A:hover {
        BACKGROUND: url(http://farm8.staticflickr.com/7007/6810979139_3b3946d5d0_z.jpg) no-repeat -109px 0px;
        TEXT-DECORATION: none;
        color: #FFFFFF;
}
.channel-nav LI.selected A {
        BACKGROUND: url(http://farm8.staticflickr.com/7007/6810979139_3b3946d5d0_z.jpg) no-repeat -109px 0px;
        TEXT-DECORATION: none
}

</style>
</head>
<body>
<table align="left" border="0" cellpadding="0" cellspacing="0" width="660">
                  <tr>
                   <td height="24" background="http://farm8.staticflickr.com/7151/6810982477_c37a6cbda6_m.jpg">&nbsp;</td>
                  </tr>
                  <tr>
                   <td height="35">               
               <div class=channel-nav>
               <UL>
               <LI><A href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;首页&nbsp;&nbsp;</A> </LI>
               <LI><A href="#">公司介绍</A>
               <ul id="nav">
                                        <li><a href="#">下拉菜单</a></li>
                                        <li><a href="#">下拉菜单</a></li>
                                        <li><a href="#">下拉菜单</a></li>
                                        <li><a href="#">下拉菜单</a></li>
                                </ul>
               
               </LI>
               <LI><A href="#">产品展示</A> </LI>
               <LI><A href="#">公司动态</A> </LI>
               <LI><A href="#">品牌分类</a> </LI>
               <LI><A href="#">联系我们</A> </LI>
               </UL>
               </div>
            </td>
                  </tr>
</table>
</body>
</html>
附件: 您所在的用户组无法下载或查看附件
看看宽度时间计算合适 看看这个下拉菜单是否对你有用http://www.divcss5.com/template/m101.html
发新话题