• English Edition | 站内检索:
  • 网站首页 | 网页技术 | 教程相关 | 软件应用 | 常见问题 | 新手上路 | 网页论坛 | 研究报告
    上网指南 | 网络病毒 | 邮件指南 | 解决方案 | 企业服务 | 服务中心 | 自由泳网 | 想象讲场

  •  网页树树 > 自由勇专栏

    自由勇-王志勇(1980-09-26)
    Webshu编辑。
    1994年开始练习五笔字形;2000年底开始学习和大量实践网页制作;从事网站程序设计。

    自由勇的Blog | 每天启航
    Blog存档

    Gratitude | Matnue | Aucist | Aroat | Aufirm | IXNes | Anydiary | Cersta | Coumit | Tovate | Aroat | Aucist | Matnue | Sinvide | Serble | Auciou | Peaceful Seabed | Sail every day | Sail every day

    访问统计:
    5516

        独创推荐:取代DW的层Layer 作者:自由勇

    2003年09月11日 12:42 点击:超过8000次

      一些朋友喜欢使用Dreamweaver的层,层的好处是可以让些网页组成进行绝对定位、自由移动。DW加入层的方法是:菜单栏Insert→Layer。
      DW的层只是一个概念,实际上是使用style=position:absolute这样的“绝对定位”样式表语句,它的缺点是,这种情况下你的整个网页必须偏左才能在1024×768或更大分辨率下正常显示。如果你的网页设为居中,那么你的网页结构可能会变乱。原因是这样的:因为绝对定位的元素都默认为网页偏左,当你把整个网页设置为居中时,绝对定位的“层”却依然偏左。
      所以,现在想出一种几乎完全替代DW层的方法:基本的思路就是使用

    这样的语句来解决绝对定位问题。如下几例:

    层1

    层2

    (例1,两个表格可自由重叠,平时表格线不显示,这里为了大家看得清楚)

    层1

    层2

    (例2,上下对齐重叠,这种最常用,这里上下表格宽度不同是为了大家看得清楚)

    (例3,把两张图片重叠)

      以上三例都是使用相同的方法:

    ,就是这么简单。这句可用于多种网页元素,例如图片img、表格table。如果向上提“层2”时,没有达到预期效果,可以加margin-left,使它向右移。如下代码表示表格2向上提90像素、向右移200像素,具体值你应该调整:
      [表格1]

    [表格2]

      这种方法的优点是,可以克服DW的层的缺点,使你的网页成为一个整体,不会出现网页因分辨率改变而变乱的情况。注:使用这种方法,在FrontPage和Dreamweaver中操作都很麻烦,建议切换到HTML模式下编写源代码。
      margin-top就相当于FrontPage的“段落→段落间距→段前”。

    网页树树版权声明:
    此文为Webshu.com独家撰稿,著作权属作者所有,禁止转载。
    此文网址 http://webshu.cn/column/102/4.html

  • 关于我们 :: 使用帮助 :: 版权信息 :: 网站地图 :: 信息反馈
    Copyright © 2003-2025 webshu.com 版权所有