大家帮忙看一下，这个下拉菜单怎么了？(有图)(页 1) - CSS提问(问题解决)区 - CSS论坛

soosoom 发表于 2012-2-3 17:14

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

如图，下拉菜单那里出问题阿，没接触过代码，不知道是什么原因，请大家帮忙看一下，谢谢！

[attach]372[/attach]

[code]<!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"> </td>
   </tr>
   <tr>
   <td height="35">
            <div class=channel-nav>
            <UL>
            <LI><A href="#">     首页  </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>
[/code]

divcss5 发表于 2012-2-14 08:31

看看宽度时间计算合适看看这个下拉菜单是否对你有用http://www.divcss5.com/template/m101.html

页: [1]

CSS论坛's Archiver

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