打印

求助:子菜单不能对齐

ttbaby [楼主]

流浪猫

中级会员

帖子: 184
体力: 330
威望: 0
当前: 四川成都
离线: 1 天

1^# 大中小发表于 2008-7-1 14:33

做菜单的时候调整了半天,子菜单始终不能和上面的对齐,不知道问题出在哪里.麻烦大家帮忙看下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
body{
	padding: 0;
	margin: 0;
	font-family: simsun,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#nav {
	float:right;
	line-height:24px;
	list-style-type:none;
	background:#F58220;
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity:80);
}
#nav a {
	display:block;
	width:80px;
	text-align:center;
}
#nav a:link,#nav a:visited  {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#nav a:hover  {
	color:#FFF;
	text-decoration:none;
}
#nav li {
	float:left;
	width:80px;
	background:#F58220;
}
#nav li a:hover{
	background:#257145;
}
#nav li ul {
	line-height:20px;
	list-style-type:none;
	left:-999em;
	width:80px;
	color:#fff;
	position:absolute; 
}
#nav li ul li{
	color:#fff;
	width:80px;
	background:#257145; 
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity:80);
}
#nav li ul a{
	display:block;
	width:80px;
	color:#fff;
	text-align:center;
}
#nav li ul a:link  {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
#nav li ul a:visited  {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
#nav li ul a:hover  {
	color:#333;
	font-weight:normal;
	text-decoration:none;
	background:#fff;
}
#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}
#content {
	clear:left; 
}
</style>
<script type=text/javascript><![CDATA[//><!]]></script>
</head>
<body>
<ul id="nav">
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                              </ul>
</body>
</html>

提示：您可以先修改部分代码再运行

天蝎座属猫 ≥ω≤

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

henter

中级会员

帖子: 200
体力: 389
威望: 0
当前: 湖北武汉
离线: 3 天

专长 平面,PHP,ASP

2^# 大中小发表于 2008-7-1 15:55

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
body{
	padding: 0;
	margin: 0;
	font-family: simsun,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#nav {
	float:right;
	line-height:24px;
	list-style-type:none;
	background:#F58220;
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity:80);
}
#nav a {
	display:block;
	width:80px;
	text-align:center;
}
#nav a:link,#nav a:visited  {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#nav a:hover  {
	color:#FFF;
	text-decoration:none;
}
#nav li {
	float:left;
	width:80px;
	background:#F58220;
}
#nav li a:hover{
	background:#257145;
}
#nav li ul {
	line-height:20px;
	list-style-type:none;
	left:-999em;
	width:80px;
	color:#fff;
	position:absolute; 
}
#nav li ul li{
	color:#fff;
	width:80px;
	background:#257145; 
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity:80);
}
#nav li ul a{
	display:block;
	width:80px;
	color:#fff;
	text-align:center;
}
#nav li ul a:link  {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
#nav li ul a:visited  {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
#nav li ul a:hover  {
	color:#333;
	font-weight:normal;
	text-decoration:none;
	background:#fff;
}
#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
margin-left:0px;
}
#content {
	clear:left; 
}
</style>
<script type=text/javascript><![CDATA[//><!]]></script>
</head>
<body>
<ul id="nav">
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                              </ul>
</body>
</html>

提示：您可以先修改部分代码再运行

http://zhpan.com.cn/

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

ttbaby [楼主]

流浪猫

中级会员

帖子: 184
体力: 330
威望: 0
当前: 四川成都
离线: 1 天

3^# 大中小发表于 2008-7-1 16:27

我的解决办法

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
body{
	padding: 0;
	margin: 0;
	font-family: simsun,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#nav {
	float:right;
	line-height:24px;
	list-style-type:none;
	background:#F58220;
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity:80);
}
#nav a {
	display:block;
	width:80px;
	text-align:center;
}
#nav a:link,#nav a:visited  {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#nav a:hover  {
	color:#FFF;
	text-decoration:none;
}
#nav li {
	float:left;
	width:80px;
	background:#F58220;
}
#nav li a:hover{
	background:#257145;
}
#nav li ul {
	line-height:20px;
	list-style-type:none;
	left:-999em;
	width:80px;
	color:#fff;
	position:absolute; 
}
#nav li ul li{
	color:#fff;
	width:80px;
	background:#257145; 
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity:80);
}
#nav li ul a{
	display:block;
	width:80px;
	color:#fff;
	text-align:center;
}
#nav li ul a:link  {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
#nav li ul a:visited  {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
#nav li ul a:hover  {
	color:#333;
	font-weight:normal;
	text-decoration:none;
	background:#fff;
}
#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
         margin:0;
}
#content {
	clear:left; 
}
</style>
<script type=text/javascript><![CDATA[//><!]]></script>
</head>
<body>
<ul id="nav">
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a>
								<ul>
								  <li><a href="#">submenu</a></li>
								  <li><a href="#">submenu</a></li>
								</ul>
								</li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                                <li><a href="default.asp">菜单项</a></li>
                              </ul>
</body>
</html>

提示：您可以先修改部分代码再运行

奇怪,粘上来怎么不对.....

[ 本帖最后由 ttbaby 于 2008-7-1 16:31 编辑 ]

天蝎座属猫 ≥ω≤

TOP

请大家尊重和保护奥运知识产权。