dw排版时正常,预览时全部靠左,求高手指教。。用的div+css.但是好像没引用成功。下面是css和部分代码
#top {
height: 60px;
width: 1024px;
margin: auto;
}
#daohang {
margin: auto;
height: 30px;
width: 1024px;
}
#zhong {
height: 500px;
width: 1024px;
margin: auto;
}
#root {
height: 80px;
width: 1024px;
margin: auto;
#zhong #left {
float: left;
height: 500px;
width: 500px;
}
#zhong #left {
float: left;
height: 500px;
width: 500px;
}
#zhong #right {
float: right;
height: 500px;
width: 524px;
}
#zhong #left #shipin {
float: left;
height: 200px;
width: 500px;
}
#zhong #left #xinxi1 {
float: left;
height: 300px;
width: 500px;
}
#zhong #right #xinxi2 {
float: right;
height: 250px;
width: 524px;
background-color: #F2F4F3;
}
#zhong #right #xinxi2 li {
background-color: #F2F4F3;
background-image: url(image/24.jpg);
background-repeat: no-repeat;
}
#zhong #right #xinxi3 {
float: right;
height: 250px;
width: 524px;
}
#zhong #left #shipin #lanmu {
float: left;
height: 200px;
width: 200px;
}
#zhong #left #shipin #flash5 {
float: right;
height: 200px;
width: 300px;
background-color: #F4F9F5;
}
#zhong #left #shipin #flash5 #zflash {
float: right;
height: 170px;
width: 300px;
}
#zhong #left #shipin #flash5 #wenzi {
background-color: #F4F9F5;
margin-bottom: 0px;
}
#zhong #left #shipin #lanmu li {
list-style-position: outside;
list-style-image: none;
list-style-type: none;
font-size: 14px;
background-image: url(image/24.jpg);
background-repeat: no-repeat;
background-color: #F4F9F5;
height: 20px;
}
#zhong #left #xinxi1 li {
background-color: #F4F9F5;
background-image: url(image/24.jpg);
background-repeat: no-repeat;
height: 20px;
list-style-position: outside;
list-style-type: none;
font-size: 14px;
}
#zhong #right #xinxi2 li {
font-size: 14px;
background-color: #F2F4F3;
background-image: url(image/24.jpg);
background-repeat: no-repeat;
height: 20px;
list-style-position: outside;
list-style-image: none;
list-style-type: none;<link href="css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div id="top"><img src="image/top.jpg" width="1024" height="60" /></div>
<div id="daohang"><img src="image/daohang.jpg" width="1024" height="30" /></div>
<div id="zhong">
<div id="left">
<div id="shipin">
<div id="lanmu">
<li>
<div align="left"><img src="image/k3.JPG" width="200" height="45" /></div>
</li>
<li>五金激光打标加工设备</li>
<li>个性图案设备雕琢方案
<li>标牌激光打标加工设备</li>
<li>礼品激光打标加工设备</li>
<li>铭牌激光打标加工设备</li>
<li>零部件激光打标加工设备</li>
<li>大型零部件激光打标措施</li>
<li>个性图案设备雕琢方案</li>
</li>
</div>
}
追问:预览全部靠左的原因是什么?是不是上面的代码错了?。。那上传上去以后。。浏览器会怎么看?谢谢加一句什么css代码?。。是代码错了,还是别的原因?。。为什么会这样?在哪里加?。。不加的话,,传上去浏览器看是不是也会乱掉?
答案:再加一句:body{text-aline:center;margin:0 auto;}
其他:你加一句css代码 或者把你写的css里面的margin属性都改成margin:0 auto; 你说的都靠左,能不能详细说一下?最好截张图上来看下 你是刚学的CSS?
有几个错误给你纠正一下.
1.margin:0 auto;居中不能就用一个auto来表达.
2.样式ID过多.一般最外层用一个ID.里面的都建议用class.也不是说不能用ID.ID主要是考虑到以后程序要用到.还有用CLASS的话可以在一个页面里反复使用.
3.取名一般建议不要用拼音.给人感觉不正规~~.去网站搜索一下专用样式.网上都有一个统一的样式的.便于别的人能看懂
4.代码尽量简化.能用一个层完成的,不加多余的层.
至于你提的问题.可能是居中收起的.样式没有引用的.查看一下层级关系.样式名要对牢.代码要仔细一点.
上一个:CSS样式#featured>img { display: none; } ,这是什么写法,谁知道?为什么这么写,有什么好处
下一个:网页制作!PHP开发视频教程、XHTML网页基础教程、DEDECMS教程、DIV&CSS网页布局、织梦CS5、MYSQ先学什么啊