有关网站排版中遇到的问题

Posted on 2015-04-11 23:44  小蕊同学  阅读(192)  评论(0编辑  收藏  举报

有关网站排版中遇到的问题
1.公司简介排版首行文字缩进好多,可以尝试一下在ul上面加一个div然后清除浮动,既可解决
2.有关新闻排版,如何在文字前面加图标和文字有下划线文字后面有新闻日期
可用dd或者li 定义宽高设置文字间距,在dd或者li里面添加背景图片不平铺
background:url(../images/icon1.jpg) no-repeat left center;
在li标签里面a标签前面加<span>[2015-4-11]</span>控制span右浮动
.news-right ul{
width:717px;
height:auto;
margin:0 auto;
}
.news-right ul li{
width:696px;
height:23px; /*控制文字间的的宽高*/
margin-left:10px; /*控制前面圆点与右边框的距离*/
background:url(../images/newslinred.jpg) no-repeat left center;
border-bottom:1px dashed #D3D3D3;
}
.news-right ul li span{
float:right;
color:#880002;

}
.news-right ul li a{
line-height:23px; /*控制文字间距*/
margin-top:10px; /*控制文字与上边框的距离*/
margin-left:12px;/*控制前面圆点与文字间的距离*/
color:#424141;

3.有关新闻大标排版
dt dd 分别加入图片然后控制宽高,然后dt左浮动 dd右浮动,控制dd margin-top:15px;即可控制
4.当做新闻头部的时候截图的高度要和底部背景的截图一样高不然会错像素,底部背景的截图不可以比新闻图片的大
5.如果div套div时margin-top:20px 控制不了套的div距离外面div的边距可以加上position:absoult;即可控制
6.做到最下面感觉空间不够用

Copyright © 2024 小蕊同学
Powered by .NET 9.0 on Kubernetes