帮我看下这个CSS滑动门哪里错了

答案:2 悬赏:60 手机版

解决时间 2021-07-26 16:26

提问者网友：记得曾经
2021-07-26 00:48

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile=" http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>test</title>
<style>
#ser_main{
position:absolute;
height:72px;
width:881px;
background-color:#EDE5D0;
}
ser_Content{
float:left;
margin:0px;
width:240px;
height:72px;
overflow:hidden;
}
#ser_Caption{
position:absolute;
left:1px;
}
ul{
margin:0px;
padding-left:3px;
padding-top:10px;

}

li {
padding-left:5px;
height:27px;
font-size:12px;
white-space:nowrap;
overflow:hidden;
}
#ser_Caption a{
display:block;
float:left;
text-decoration:none;
list-style:none;
width:200px;
height:14px;
line-height:314px;
}
.ser_image{
background:url(image/ser.gif) no-repeat;
margin-bottom:4px;
margin-top:5px;
height:17px;
}
.red12{
color:#780315;
font-size:12px;
text-align:center;
padding-left:16px;
height:17px;
line-height:17px;
border-style:none;
text-decoration:none;
}

</style>
<body>
<div id="ser_main">
<div id="ser_Caption">
<div class="ser_image"><a href="#hot" title=""><span class="red12">热点搜索</span></a></div>
<div class="ser_image"><a href="#area" title=""><span class="red12">地区搜索</span></a></div>
<div class="ser_image"><a href="#cent" title=""><span class="red12">分类搜索</span></a></div>
</div>
<div id="ser_Content">
<ul id="hot">
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>
</ul>
<ul id="area">
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>

</ul>
<ul id="cent">
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>
<a href="#"><li>df</li></a>
</ul>
</div>
</div>
</body>
</html>

最佳答案

五星知识达人网友：街头电车
2021-07-26 01:32

你这个漏的内容就比较多。你可以参考一下我这里。

代码如下：

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Div+css实现Tab选项卡效果完美实例教程</title>
<style type="text/css">
<!--
body{
margin:100px 300px 200px 300px;
}
body#news li.news a:link,body#news li.news a:visited,
body#yule li.yule a:link,body#yule li.yule,a:visited,
body#music li.music a:link,body#music li.music a:visited,
body#movie li.movie a:link,body#movie li.movie a:visited,
body#download li.download a:link,body#download li.download a:visited{
color:#000000;
}
body#news li.news a:hover,
body#yule li.yule a:hover,
body#music li.music a:hover,
body#movie li.movie a:hover,
body#download li.download a:hover{
color:#0000cc;
text-decoration:underline;
}
#content{
border-left:1px solid #0033FF;
border-right:1px solid #0033ff;
border-bottom:1px solid #0033ff;
padding:15px;
font-size:17px;
}
ul#tabul{
list-style:none;
margin:0px;
padding-left:0px;
padding-bottom:28px;
font:bold 17px Arial, Helvetica, sans-serif;
border-bottom:1px solid #0033ff;
}
ul#tabul li{
float:left;
height:27px;
margin:0px 4px 0px 0px;
border:1px solid #0033ff;
background:#00CCCC;
}
ul#tabul a:link,ul#tabul a:visited{
display:block;
color:#0000CC;
text-decoration:none;
padding:5px 10px 3px 10px;
}
ul#tabul a:hover{
background-color:#990000;
color:#FF0000;
}

-->
</style>

</head>

</div>
</body>

</html>

全部回答

1楼网友：罪歌
2021-07-26 01:37

<title>北京腾达塑钢门窗装饰公司</title>

</head>

<body>

<div id="tabe">
ul>
<li><a href="/" id="g">网站首页</a></li>
<li><a href="gsjj.html">公司简介</a></li>
<li><a href="cpzs.html">产品展示</a></li>
<li><a href="sgmc.html">塑钢门窗</a></li>
<li><a href="fyt.html">封阳台</a></li>
<li><a href="dqn.html">断桥铝门窗</a></li>
<li><a href="lxwm.html">联系我们</a></li>
</ul>

</div>

</body>

</html>

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！