社区
图象工具使用
帖子详情
如何才能让网页内容不随着分辨率变化而变化?
loser99
2004-12-29 09:32:33
做了个论坛,800*600下是满屏,两边不留白,1024*768下也是满屏,不留白,不同的是字体随着分辨率变化而变大变小,真麻烦啊,能不能在1024*768分辨率下网页留白啊?就象本网站一样,sina那样,我是想在两边加flash广告的
只有20分,给第一个解决我问题的人好了.谢谢大家
...全文
400
7
打赏
收藏
如何才能让网页内容不随着分辨率变化而变化?
做了个论坛,800*600下是满屏,两边不留白,1024*768下也是满屏,不留白,不同的是字体随着分辨率变化而变大变小,真麻烦啊,能不能在1024*768分辨率下网页留白啊?就象本网站一样,sina那样,我是想在两边加flash广告的 只有20分,给第一个解决我问题的人好了.谢谢大家
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
huahaoyueyuan
2005-04-13
打赏
举报
回复
用CSS样式,
ddcatlee
2005-03-30
打赏
举报
回复
把叶面所用的table或者div的宽度定在770px左右。
yzxlyd
2005-03-29
打赏
举报
回复
<style type="text/css">a:link {
font-family: "MS Sans Serif";
font-size: 9.5pt;
color: #00357F;
text-decoration: none;
}
a:visited {
font-family: "MS Sans Serif";
font-size: 9.5pt;
color: #00357F;
text-decoration: none;
}
a:hover {
font-family: "MS Sans Serif";
font-size: 9.5pt;
color: #00357F;
text-decoration: underline;
}
a:active {
font-family: "MS Sans Serif";
font-size: 9.5pt;
color: #00357F;
text-decoration: none;
}
body {
background-color:#CCCCCC;
font-family: "MS Sans Serif";
color: #333333;
font-size: 9.5pt;
line-height: 150%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
td {
font-family: "MS Sans Serif";
color: #333333;
font-size: 9.5pt;
line-height: 150%;
}
input {
border: 1px solid #000000;
color: #333333;
font-family: "MS Sans Serif";
font-size: 9.5pt;
background-color: #E0E0E0;
}
</style>
你把它放在你的网页代码里面就可以了。
Sorbety3105
2005-03-29
打赏
举报
回复
整站完全由CSS来定义
iaoiang
2004-12-31
打赏
举报
回复
其实dreamweaver 里面就有css的向导定义,你自己打开看看
iaoiang
2004-12-31
打赏
举报
回复
你可以到个网站去下一个css的格式来参考,然后就试编写代码啊,用css就完全能解决以上问题
BODY {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12px; MARGIN: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: 宋体
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
COLOR: #e8500b; TEXT-DECORATION: underline
}
A.a:link {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.a:hover {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.a:visited {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.b:link {
COLOR: #000000; TEXT-DECORATION: none
}
A.b:hover {
RIGHT: 0px; COLOR: #000000; POSITION: relative; TOP: 1px; TEXT-DECORATION: none
}
A.b:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A.c:link {
COLOR: #ff6600; TEXT-DECORATION: underline
}
A.c:visited {
COLOR: #ff6600; TEXT-DECORATION: underline
}
A.c:active {
COLOR: #ff6600; TEXT-DECORATION: underline
}
A.c:hover {
COLOR: #000000
}
A.D:link {
COLOR: #6b6b6b; TEXT-DECORATION: none
}
A.D:visited {
COLOR: #6b6b6b; TEXT-DECORATION: none
}
A.D:active {
COLOR: #6b6b6b; TEXT-DECORATION: underline
}
A.D:hover {
COLOR: #ff6600; TEXT-DECORATION: underline
}
A.g:link {
COLOR: #008cc0; TEXT-DECORATION: underline
}
A.g:visited {
COLOR: #008cc0; TEXT-DECORATION: none
}
A.g:active {
COLOR: #008cc0; TEXT-DECORATION: underline
}
A.g:hover {
COLOR: #008cc0; TEXT-DECORATION: underline
}
TD {
FONT-SIZE: 12px; COLOR: #333333
}
TEXTAREA {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
SELECT.a {
FONT-SIZE: 12px; BACKGROUND: #fffde7; HEIGHT: 15px
}
INPUT.button1 {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #eeeeee 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #eeeeee 1px solid; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #eeeeee
}
INPUT.a {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 17px
}
INPUT.aa {
BORDER-RIGHT: #dbedc5 1px solid; BORDER-TOP: #dbedc5 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #dbedc5 1px solid; BORDER-BOTTOM: #dbedc5 1px solid; HEIGHT: 17px; BACKGROUND-COLOR: #f9fcf5
}
INPUT.aaa {
BORDER-RIGHT: #dca127 1px solid; BORDER-TOP: #dca127 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #dca127 1px solid; COLOR: #ff5a00; BORDER-BOTTOM: #dca127 1px solid; HEIGHT: 17px; BACKGROUND-COLOR: #fffef0
}
INPUT.b {
BORDER-RIGHT: #e8f0cd 1px solid; BORDER-TOP: #e8f0cd 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #e8f0cd 1px solid; COLOR: #ff5a00; BORDER-BOTTOM: #e8f0cd 1px solid; BACKGROUND-COLOR: #fdfff6
}
INPUT.c {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; BACKGROUND: #fffde7; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.input2 {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 9pt; BORDER-LEFT: 0px; WIDTH: 120px; BORDER-BOTTOM: 0px
}
INPUT.d {
BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #eeeeee 0px solid; FONT-SIZE: 9pt; BORDER-LEFT: #eeeeee 0px solid; COLOR: green; BORDER-BOTTOM: #000000 0px solid; BACKGROUND-COLOR: transparent
}
INPUT.f {
BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT-SIZE: 9pt; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid; HEIGHT: 17px
}
.bga_linehb {
BACKGROUND-POSITION: center bottom; LINE-HEIGHT: 22px; BACKGROUND-REPEAT: repeat-x
}
.bga {
BACKGROUND-POSITION: center bottom; BACKGROUND-REPEAT: repeat-x
}
.bgb {
BACKGROUND-POSITION: right top; BACKGROUND-REPEAT: no-repeat
}
.bge {
BACKGROUND-POSITION: right top; BACKGROUND-REPEAT: no-repeat
}
.bgc {
BACKGROUND-POSITION: 50% top; BACKGROUND-REPEAT: repeat-x
}
.bgd {
BACKGROUND-POSITION: center top; BACKGROUND-REPEAT: repeat-y
}
.bgf {
BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat
}
.bgG {
BACKGROUND-POSITION: right bottom; BACKGROUND-REPEAT: repeat-x
}
.lettera {
LETTER-SPACING: 1px
}
.letterb {
LETTER-SPACING: 2px
}
.lineha {
LINE-HEIGHT: 18px
}
.linehb {
LINE-HEIGHT: 22px
}
.linehc {
COLOR: #fdcd9d; LINE-HEIGHT: 16px
}
.linehD {
LINE-HEIGHT: 24px
}
.font {
FILTER: dropshadow(color=#000000,offx=1,offy=1,positive=1); LETTER-SPACING: 1px
}
loser99
2004-12-29
打赏
举报
回复
我大概知道是在css里定义,但如何定义,定义的语句怎么写,请大家帮忙了啊
响应式布局的简单案例
不同的页面会适用不同大小浏览器页面,它会随着
分辨率
的
变化
而
变化
。代码展示如下: XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> &...
java源码包---java 源码 大量 实例
Java 3DMenu 界面源码,有人说用到游戏中不错,其实平时我信编写Java应用程序时候也能用到吧,不一定非要局限于游戏吧,RES、SRC资源都有,都在压缩包内。 Java zip压缩包查看程序源码 1个目标文件 摘要:Java源码...
2020版网页设计教程零基础全套(设计师必备)
本套课程是一套特别全面的网页设计教程,可以让你快速掌握网页设计知识及流程。 学完掌握知识点:1.互联网认知及思维;2.基本概念(HTTP、FTP传输协议,域名);3.屏幕
分辨率
及内容宽度;4.网页结构(页眉、内容、...
如何使网页自适应电脑屏幕
分辨率
?
在1024*768或者800*600的
分辨率
下可以自动调整成适用于该客户端
分辨率
的大小。 第一种方法:做一个网页解决问题(长了点) 如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的...
页面内容跟随屏幕
分辨率
,不随窗口缩放而
变化
1,获取当前屏幕
分辨率
的宽度,高度一般情况下不用考虑,将当前页面body的宽度设为获取到的屏幕
分辨率
的高度。 代码: var maxWidth=window.screen.width; var maxHeight=window.screen.height; $("body").css({...
图象工具使用
1,451
社区成员
24,336
社区内容
发帖
与我相关
我的任务
图象工具使用
多媒体/设计/Flash/Silverlight 开发 图象工具使用
复制链接
扫一扫
分享
社区描述
多媒体/设计/Flash/Silverlight 开发 图象工具使用
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章