占位图像 用户ID: 密码: 验证码: 登录 注册     占位图像
 
教育168搜索

a
频道信息
学前教育 基础教育
小学 初中
高中 高等教育
心理学 机械工程
园林 IT教育
办公软件 Director
Authorware 图形图象
FIREWORKS CORELDRAW
Maya PhotoShop
AutoCAD 3D
操作系统 Windows xp
Windows Vista Linux
Windows 2003 Windows 2000
FreeBSD 注册表
网站制作 FLASH
Dreamweaver CSS教程
装修设计 LightScape
装修风水 方案设计
英语 商务外语
素质教育 法制教育
企业培训
最新更新
·用Dreamweaver M
·Dreamweaver实用小
·Dreamweaver未必了
·Dreamweaver若干技
·Dreamweaver制作和
·Dreamweaver中空格
·Dreamweaver8对网
·用Dreamweaver制作
·Dreamweaver经典插
·Dreamweaver简单描
·通过Dreamweaver设
·学习Dreamweaver8
·Dreamweaver制作复
·用Dreamweaver8在
·利用Dreamweaver8
·Dreamweaver实例:
·Dreamweaver CS
·Dreamweaver插入F

点击排行
·使用ewebeditor上传
·DreamweaverCS3
·使用SoftArtisans
·巧用Dreamweaver轻
·扩展Dreamweaver:
·Dreamweaver8轻松
·在DW中插入Flash的参数
·Dreamweaver实用小
·Dreamweaver基础:
·Dreamweaver入门:
·如何用Dreamweaver
·用DreamweaverMX
·Dreamweaver CS
·Dreamweaver:从网
·用Dreamweaver8在
·Dreamweaver经典插
·关于Dreamweaver乱
·Dreamweaver插入F

DreamweaverMX教程:在居中页面使用层
发布日期:2006-10-15  浏览:448次
关键字:

  在居中页面中使用层,最大的问题就是层的定位问题,当改变显示器分辨率后,层相对其它居中元素就会改变位置。本文介绍层相对其它居中元素不会错位的方法。

  层的绝对定位和相对定位

  层的绝对定位代码:

  


  层的相对定位代码:

  


  在居中页面中,插入相对定位层代码,层的位置在页面居中。但是它变得不可移动,使用不够方便。

  插入绝对定位代码,当left和top含有正负数值,层就无法居中。当清除left和top属性后,层可以居中,相对页面其它居中元素没有错位现象。

  描绘层和插入层的差别

  使用描绘层:

  在一个居中的页面中,使用描绘层的代码:





div





  使用插入层:

  

  在一个居中的页面中,使用插入层的代码:





div2







  因为使用“描绘层”生成的代码不在居中代码之中,所以,在居中页面中,要使层相对其它元素没有错位现象,就必须使用插入层。

  在居中页面中,常用两种方法,实现层相对其它居中元素没有错位现象。

  使用插入层

  1.在一个居中页面中,把插入点放在文档中,实例中把插入点放在表格中。

  

  2.选择“插入”/“层”菜单。

  

  3.在文档中插入了一个层。实例中,在表格中插入了一个层。在IE浏览器中测试,改变分辨率,层的内容相对其它居中元素都不会发生错位现象。

  

  在属性面板查看这个层的属性,这段插入层清除了“左”和“上”的值。

  这种方法,常用来制作弹出式菜单。

  使用嵌套层

  嵌套层是其代码包含在另一个层中的层。

  在使用嵌套层之前,先要对层做一些参数设置。选择“编辑”/“参数选择”菜单,在“参数选择”对话框中,选中“Netscape4兼容性:插入层时固定大小”,这样制作的嵌套层就可以兼容Netscape4浏览器。并且选中“嵌套:如果在层中则使用嵌套”。

  

  打开层面板,不选中“防止重叠”。

  

  嵌套层:

  在一个居中页面,插入一个表格,在表格中,插入一个层,这个层相对表格,不会发生错位。在这个层中,使用“插入”/“层”命令,插入一个子层(嵌套层),无论在页面中怎么移动这个子层,它的位置相对其它居中元素都不会错位。

  在一个插入层中,可以插入多个嵌套层,然后把嵌套层移动到需要的地方,这样在居中页面就可以随心所欲的使用层了。

  结论:居中页面,制作弹出菜单,使用“插入”/“层”命令;使用层布局和用层放置内容,使用嵌套层。

关键字:

相关信息 用户评论
·用Dreamweaver MX创造网页鼠标样式
·Dreamweaver实用小技巧
·Dreamweaver未必了解的5个小技巧
·Dreamweaver若干技巧
·Dreamweaver制作和套用模板的技巧
·Dreamweaver中空格问题的探讨
·Dreamweaver8对网站文件进行检查和整理
·用Dreamweaver制作网页时关于文字自动换行的小技巧
·Dreamweaver经典插件下载
·Dreamweaver简单描述制作网页的基本步骤
·通过Dreamweaver设计网页时组织CSS的建议
·学习Dreamweaver8了解掌握CSS层叠样式表
·Dreamweaver制作复杂交换图像
·用Dreamweaver8在网页中插入Flash视频
·利用Dreamweaver8掌握网页代码基本格式
·Dreamweaver实例:随机播放背景音乐
·Dreamweaver CS3 新功能描述
·Dreamweaver插入Flash添加透明或其他参数

 

更多评论

验证码:
验证码