61,129
社区成员
发帖
与我相关
我的任务
分享CSS导航问题?>
在CSS里写了一个样式
.nav{ width:100%;background-image:url(01.gif); height:31px; }
.nav ul{ padding:0px; margin:0px;}
.nav li{ float:left;display:block; height:21px; text-align: center; width:14%; padding-top:10px;background-image:url(01-1.gif);font-size:12px;}
.nav a{color:#ffffff; text-decoration:none; font-weight:bold;}
.nav a:visited{color:#ffffff;text-decoration:none;font-weight:bold;}
.nav a:hover{color:#ffffff; text-decoration:underline;font-weight:bold;}
想让菜单多了,可以换行,请高手赐教,(注:在IE6下可以,IE7不行)
.nav{ width:100%;background-image:url(01.gif); height:31px; }
.nav ul{ padding:0px; margin:0px;}
.nav li{ float:left;display:block; height:21px; text-align: center; width:14%; padding-top:10px;background-image:url(01-1.gif);font-size:12px;}
.nav a{color:#ffffff; text-decoration:none; font-weight:bold;}
.nav a:visited{color:#ffffff;text-decoration:none;font-weight:bold;}
.nav a:hover{color:#ffffff; text-decoration:underline;font-weight:bold;}
想让菜单多了,可以换行,请高手赐教,(注:在IE6下可以,IE7不行)
...全文
请发表友善的回复…
发表回复
xxmhl 2008-03-10
- 打赏
- 举报
贴出来了啊!真晕,没人回复啊,??????????//
xxmhl 2008-03-10
- 打赏
- 举报
<!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>Untitled Page</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品产品产品产品</a></li>
<li><a href="#">商机</a></li>
<li><a href="#">资讯</a></li>
<li><a href="#">分类</a></li>
<li><a href="#">bbs</a></li>
<li><a href="#">产品产品产品产品</a></li>
<li><a href="#">商机</a></li>
<li><a href="#">资讯资讯资讯资讯资讯</a></li>
<li><a href="#">分类</a></li>
<li><a href="#">bbs</a></li>
<li><a href="#">产品产品产品产品</a></li>
<li><a href="#">商机</a></li>
<li><a href="#">资讯资讯资讯资讯资讯资讯资讯资讯</a></li>
<li><a href="#">分类</a></li>
<li><a href="#">bbs</a></li>
</ul>
</div>
<body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品产品产品产品</a></li>
<li><a href="#">商机</a></li>
<li><a href="#">资讯</a></li>
<li><a href="#">分类</a></li>
<li><a href="#">bbs</a></li>
<li><a href="#">产品产品产品产品</a></li>
<li><a href="#">商机</a></li>
<li><a href="#">资讯资讯资讯资讯资讯</a></li>
<li><a href="#">分类</a></li>
<li><a href="#">bbs</a></li>
<li><a href="#">产品产品产品产品</a></li>
<li><a href="#">商机</a></li>
<li><a href="#">资讯资讯资讯资讯资讯资讯资讯资讯</a></li>
<li><a href="#">分类</a></li>
<li><a href="#">bbs</a></li>
</ul>
</div>
<body>
myvicy 2008-03-10
- 打赏
- 举报
很面熟的...
tantaiyizu 2008-03-10
- 打赏
- 举报
把你的html代码也帖下吧。。。
