
CSS为什么container(最大的DIV)里面的背景repeat-y有时候能重复,有时候不能重复?怎么解决?
续上-----有时候要加<divstyle"height:1px;font-size:1px"clear:both;"></div>代码才能重复第二个问题就是:<!DOC...
续上-----有时候要加 <div style " height:1px ; font-size:1px" clear:both;" >< /div> 代码才能重复
第二个问题就是:<!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>无标题文档</title>
<link rel="stylesheet" type="text/css" href="suosi.css">
<style>
body{
margin:0px;
padding:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#container{
background:url(images/con_bg.jpg) repeat-y;
margin:0px auto;
width:1000px;
text-align:center;
}
#menu{
background:url(images/menud.jpg) no-repeat;
margin:0px;
list-style:none;}
</style>
</head>
<body>
<div id="container">
<div id="banner"><img src="images/banner.jpg" /></div>
<div id="menu">
<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="#">学生作品</a></li>
<li><a href="#">网页留言</a></li>
<li><a href="#">师资力量</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</div>
</div>
</body>
</html>
#container(最大的DIV)----给了text-align:center 并且里面包含了2个小DIV,
第二个DIV的背景是一张图像,预览的时候第二个DIV没有剧中,超出了我给的宽度范围,但是我把背景当图像插入,就不不会有这个问题!!!!
第三个问题是:(1)在CSS代码中 #menu ul 里面我给了黑体字体,但是不但不显示,而且li里面的float效果也没有
(2)我把#menu ul 里面的字体成其他任意字体都可以显示正常,删除也正常,
(3)最可恨的是,CSS代码都不改动,不用链接式,而是直接用内嵌式,显示效果也正常,这个问题很无解,
第三个问题以解决,重点是第二个问题.~其次第一 展开
第二个问题就是:<!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>无标题文档</title>
<link rel="stylesheet" type="text/css" href="suosi.css">
<style>
body{
margin:0px;
padding:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#container{
background:url(images/con_bg.jpg) repeat-y;
margin:0px auto;
width:1000px;
text-align:center;
}
#menu{
background:url(images/menud.jpg) no-repeat;
margin:0px;
list-style:none;}
</style>
</head>
<body>
<div id="container">
<div id="banner"><img src="images/banner.jpg" /></div>
<div id="menu">
<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="#">学生作品</a></li>
<li><a href="#">网页留言</a></li>
<li><a href="#">师资力量</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</div>
</div>
</body>
</html>
#container(最大的DIV)----给了text-align:center 并且里面包含了2个小DIV,
第二个DIV的背景是一张图像,预览的时候第二个DIV没有剧中,超出了我给的宽度范围,但是我把背景当图像插入,就不不会有这个问题!!!!
第三个问题是:(1)在CSS代码中 #menu ul 里面我给了黑体字体,但是不但不显示,而且li里面的float效果也没有
(2)我把#menu ul 里面的字体成其他任意字体都可以显示正常,删除也正常,
(3)最可恨的是,CSS代码都不改动,不用链接式,而是直接用内嵌式,显示效果也正常,这个问题很无解,
第三个问题以解决,重点是第二个问题.~其次第一 展开
4个回答
展开全部
修改后的,你试试。
一、#container{
background:url(images/con_bg.jpg) repeat-y left top;
margin:0px auto;
width:1000px;
height:auto;
text-align:center;
}
二、#menu{
background:url(images/menud.jpg) no-repeat left center;
margin:0px auto;
list-style:none;
overflow:hidden;
}
三(1)
#menu ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#menu ul li{
display:block;
float:left;
margin:0px;
padding:0px;
font-family:"黑体";
}
有问题在HI我吧
一、#container{
background:url(images/con_bg.jpg) repeat-y left top;
margin:0px auto;
width:1000px;
height:auto;
text-align:center;
}
二、#menu{
background:url(images/menud.jpg) no-repeat left center;
margin:0px auto;
list-style:none;
overflow:hidden;
}
三(1)
#menu ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#menu ul li{
display:block;
float:left;
margin:0px;
padding:0px;
font-family:"黑体";
}
有问题在HI我吧
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在没看到<link rel="stylesheet" type="text/css" href="suosi.css>这个文件的情况下,不好判断你提问,你把完整代码贴出来,大家给你修改一下就完事儿了
听不懂话就算了
第二个问题,第二个div你没写宽度吧
听不懂话就算了
第二个问题,第二个div你没写宽度吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
被你浮动的div遮住了?
追问
浮动到底有什么影响?
追答
http://www.divcss5.com/shouce/c_float.shtml你先看看
我是看你上面说用来clear:both 就没问题了,我猜是float出问题了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以HI我 协助你搞定
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询