文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | firefox | WPS | 杀毒软件 | Picasa
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设经验技巧实现网页制作中“层”精确定位的绝招
精品推荐
特别推荐
·网页颜色搭配的技巧
·网站上传方法汇总
·最大限度优化博客文章
·基本的页面设计元素布局比例
·网站策划书实例
·应用网页标准制作网站的几点好处
·网页设计心得:页面布局的简单规则
·注意:网页标题和网页Meta的写法
·网管员在日常维护局域网时的几点注意事项
·常用网页使用js技巧收集(200多个)
·WEB开发碰到的问题及经验十八则
·网页设计文字大小相关的四种设置方法
·怎样制作网页?
·谈论做网站的理念与技术
·“口碑营销”的关键问题是在效率
·网页制作,改变你的思维方式
·经营个人网站需要脚踏实地
·网页设计或制作中与键盘相关的一些技术
·Web设计 用户体验浅析
·国外译文:43个你应当避免的Web设计错误
热点TOP10
·常用网页使用js技巧收集(200多个)
·jsp Smart Upload上传下载全攻略
·轻松去除视频中自动弹出网页
·asp.net如何生成图片验证码(简单)
·网站策划书实例
·素材网站、优秀设计素材大全
·如何记录访问者IP地址
·网页登录界面设计需要注意的几个问题
·网页颜色搭配的技巧
·保存图片到SQL 2000 Server数据库
·给惊云下载系统添加ewebeditor编辑器
·从字体销售排名看英文字体设计使用
·知道对方的ip地址,如何查具体物理地址?
·动网论坛首页调用
·网页小技巧:如何去除超链接的下划线
·设计网站大全2
·WINDOWS图像编程
·Windows系统组策略应用全攻略(下)
·韩国优秀网站网址
·怎样制作网页?

实现网页制作中“层”精确定位的绝招

日期:2003年7月8日 作者:清风网络学院 查看:[大字体 中字体 小字体]


  步骤2:将光标移入第二行表格中,在这行中插入一个层,打开其属性面板,将L、T值删除,使其为空(如图2)。

  这两个参数绝对不能有数值,否则将不能实现层精确定位。当然这时的层参数已定,作为父层时该层是不能移动的,但可以使用光标改变其大小。

  步骤3:将光标定义在父层中,再次插入一个层并设置层内容。当你使用F2打开层控制面板时会看到位于父层底下的子层(如图3),作为子层是可以拖动的,因为它相对于父层定位。

  步骤4:为主菜单设置鼠标响应事件,显示当鼠标移到和离开该主菜单时层的显示方式就可以了。F12预览并改变分辨率,看看是否你的子菜单没有错置。

  招数二:Css定位法

  上述方法毕竟不是专业设计师的期望,我们可以做一个CSS相对定位的定义方式,将相对定位模型(比如表格)定义为这个CSS属性。

  步骤1:使浏览器以相对定位模型左上角作为原点,建立新的坐标系。再在这个相对定位模型下级插入层,使之绝对于该相对定位模型定位。当然该层也是不可拖动的,改变其位置可以直接在其属性面板上输入Left Top的数值。

  步骤2:按“Shift+F11”打开CSS Styles面板,点击“New Style”按钮,在弹出的New Style窗口中定义一个名称为.pos的CSS属性,并且选择Make Custom Style的Type类型和This Document 0nl的Define类型,确认进入Style Defintion For .pos窗口,选取Positioning定义Type为relative确定(如图4)。


上一页 [1] [2] [3] 下一页 




上一篇:SQL进阶

下一篇:主页特效尝鲜--你被气泡跟踪了!

实现网页制作中“层”精确定位的绝招 相关文章:
·DIV CSS网页布局实例:十步学会用CSS建站
·Photoshop十余种漂亮照片边框简单制作技巧
·Fireworks制作温馨母亲节动画贺卡
·Photoshop实例:制作超酷影片画面场景
·如何实现局域网打印机共享
·网页播放器代码全集及详细说明[精]
·为什么iexplore.exe在打开网页时CPU使用会100%?
·javascript+xml实现二级下拉菜单,不会被任何标签或元素遮住
·教你如何制作QQ空间FLASH导航条
·常用网页使用js技巧收集(200多个)
实现网页制作中“层”精确定位的绝招 相关软件:
·暗黑破坏神 2:毁灭之王 1.10S极品属性装备制作器
·家常菜制作集锦(1)
·启动光盘制作完全手册(菜鸟先飞 图文教材系列)
·家常菜制作集锦(2)
·Dreamweaver 网页设计
·卫星定位地图GoogleEarth 看全球每个平方角
·多种dos启动盘制作全攻略
·photoshop cs 超梦幻网页创意宝典
·Photoshop数码照片制作宝典
·东方网页王III 正式版

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.net
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.net All Rights Reserved. 鄂ICP备05000083号Powered by:viphot