6.0w+
社区成员
- 全部
- 问答
郁闷的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一样正常显示.
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
郁闷的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;...DOCTYPE ...
急~!!求救。。CSS下拉菜单问题，请大家帮忙啊！！ 我小菜一个，CSS和JAVASCRIPT都不太懂，现在给一个主页面加了一个CSS的下拉菜单，代码是网上找的。 现在遇到的问题是：高分辨率的情况下，手动更改窗口大小后，出现外面一层滚动条，里面又多了一个滚动条（里层的...
自定义控件的问题～～～紧急～～～求救！！！！！！！！！！！！ ～～ 但其他目录的网页使用就出毛病了～～～不是图片找不到，就是ＣＳＳ文件找不到！ 下面是我的控件的代码！～～老师帮我看一下！～～～～～～～～～ ...
KNOPPIX3.6安装出错了，求救~！~！(转) KNOPPIX3.6安装出错了，求救~！~！(转)[@more@]cp: 正在读入‘usr/lib/nessus/plugins/cisco_ssh_multiple_vulns.nasl’: 输入/输出错误cp: 正在读入‘u...
求救 Extjs XmlReader的问题 ，请教了~~~~~~~！ 在后台的服务器和firefox中都可以看到数据已经请求成功了。... charset=utf8"> <h1><title>XmlReader Test</title></h1> <link rel="stylesheet" type="text/css" href="/js/ext/resources/css/ext-all.css" /> ...
求救~!!!!!~~~对于"如何创建在DataGrid 中使用HyperLinkColumn"出现点小问题,希望解决一下 " DataTextField="ProductID" HeaderText="查看详细" DataTextFormatString="查看详细"> <HeaderStyle CssClass="HEADERSTYLE"></HeaderStyle> <ItemStyle CssClass="ITEMSTYLEHYPERLINK"></ItemStyle> ...
求救 字体的问题 急~！！！ <BODY background="IMAGES/pics/back.gif" > <style type="text/css"> <STYLE> A:visited { TEXT-DECORATION: none } A:active { TEXT-DECORATION: none } A:hover { TEXT-DECORATION: underline overline } A:link...
关于CSS中alpha的问题!!!求救!在线等~~~ 有这样一个CSS类 .tb { filter:alpha(opacity=80); } 然后这样一个表格: <table class="tb" bgcolor="white"> <tr> <td><asp:Image ImageURL="..."/></td> </tr> </table> 在这里我想让表格透明但里面的图片不透明要...
修改CSS的问题，棘手啊！求救！ 有以下代码，我用TextArea 接受了一些代样式的数据如下 <mx:Script> <