61,120
社区成员
发帖
与我相关
我的任务
分享郁闷的CSS~!求救!
样式:
.nav1{ width:100%;background-image:url(01.gif); height:31px;}
.nav1 ul{ padding:0px; margin:0px;}
.nav1 li{ float:left;display:block; height:21px; text-align: center; width:14%; padding-top:10px;background-image:url(01-1.gif);font-size:12px;}
.nav1 a{color:#ffffff; text-decoration:none; font-weight:bold;}
.nav1 a:visited{color:#ffffff;text-decoration:none;font-weight:bold;}
.nav1 a:hover{color:#ffffff; text-decoration:underline;font-weight:bold;}
代码:
<!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="nav1">
<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>
<div class="main">
<div class="left-col">
<div class="CommonModule">
<div class="top5">
<div class="left float image-zuo">
</div>
<div class="middle fB float">
用户留言</div>
<div class="right float image-you">
</div>
</div>
<div class="TLContent5">
<ul>
<li><a href="#">大家好……我是丁贝莉。</a></li>
<li><a href="#">打造贝莉相册第一图贴册第一图贴第一图贴</a></li>
<li><a href="#">也许是最全的丁丁照片</a></li>
</ul>
</div>
<div class="ImgContent6">
<div class="TxtUnderImg">
<div class="picdiv">
<img src="images/pic3.gif" width="90" height="90" alt="" />
<div class="txtdiv">
<a href="#">
<ul>
<li>不锈钢热工清洗</li></ul>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rowblank">
</div>
</div>
</body>
下面的东西压住了导航(.nav),在IE6下可以换行,问:在IE7下如何和IE6一样正常显示.
.nav1{ width:100%;background-image:url(01.gif); height:31px;}
.nav1 ul{ padding:0px; margin:0px;}
.nav1 li{ float:left;display:block; height:21px; text-align: center; width:14%; padding-top:10px;background-image:url(01-1.gif);font-size:12px;}
.nav1 a{color:#ffffff; text-decoration:none; font-weight:bold;}
.nav1 a:visited{color:#ffffff;text-decoration:none;font-weight:bold;}
.nav1 a:hover{color:#ffffff; text-decoration:underline;font-weight:bold;}
代码:
<!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="nav1">
<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>
<div class="main">
<div class="left-col">
<div class="CommonModule">
<div class="top5">
<div class="left float image-zuo">
</div>
<div class="middle fB float">
用户留言</div>
<div class="right float image-you">
</div>
</div>
<div class="TLContent5">
<ul>
<li><a href="#">大家好……我是丁贝莉。</a></li>
<li><a href="#">打造贝莉相册第一图贴册第一图贴第一图贴</a></li>
<li><a href="#">也许是最全的丁丁照片</a></li>
</ul>
</div>
<div class="ImgContent6">
<div class="TxtUnderImg">
<div class="picdiv">
<img src="images/pic3.gif" width="90" height="90" alt="" />
<div class="txtdiv">
<a href="#">
<ul>
<li>不锈钢热工清洗</li></ul>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rowblank">
</div>
</div>
</body>
下面的东西压住了导航(.nav),在IE6下可以换行,问:在IE7下如何和IE6一样正常显示.
...全文
请发表友善的回复…
发表回复
