Dreamweaver中层(Layer)的定位技巧

来源:不详 责任编辑:栏目编辑 发表时间:2013-07-02 06:49 点击:

  我想许多朋友网页制作的朋友和我一样,都遇到过这样的问题:"层在某个分辨率下是正常的,可是换了分辨率或调整窗口,层就错位,这种情况最常见的情形就是下拉菜单的制作,鼠标移到一个项目上,子项菜单却从另外的地方弹出来,很烦人吧?怎样才能做到层在不同分辨率下不错位呢?" 现在我们来做一个鼠标移上去就弹出菜单的效果,请看下面的例子:

  第一步:新建一个二行一列的表格,为了便于我看一些特殊的元素,我们将表格的边框定义为一;如下(新建表格的快捷键:ctrl+alt+T),

   
  第二步:将第一行的表格分成5列,(给每列的表格定义颜色定义为红色,并将它们的Brdr也定义为黑色)如下:

             
  第三步:将第一行表格的每一列输入以下文字(给表格的文字定义一个白颜色,12号字体的CSS):

图层一下拉菜单 图层二下拉菜单 图层三下拉菜单 图层四下拉菜单 图层五下拉菜单 图层六下拉菜单  
  第四步:插入层,记住要将光标定义在第二表格里再插层,你会看到层的占位符在表格里,如下:



  第五步:将层的left和top属性删除如下图:



  第六步:将光标定义在layer层里,插入层,如下:






    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • 7大主流B2C首页导航栏设计对比分析
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1