当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver MX进阶教程(十六)制作可拖动表格

Dreamweaver
Dreamweaver打造多彩文字链接
Dreamweaver基础技巧全面接触
Dreamweaver MX 2004从零开始(4)
Dreamweaver MX 2004设计留言本实战
Dreamweaver MX 2004从零开始(5)
Dreamweaver MX 2004从零开始(6)
Dreamweaver MX 2004从零开始(7)
Dreamweaver MX 2004 打造细线表格
在DW中插入Flash的参数详解
用Dreamweaver MX建设神奇网页图片超链接
Dreamweaver中实现flash的透明背景
DreamweaverMX打造留言本(二)
DreamweaverMX打造留言本(三)
DreamweaverMX打造留言本(四)
DreamweaverMX打造留言本(五)
Dreamweaver MX技巧汇粹
DreamwaverMX与ASP.NET(一)
DreamwaverMX与ASP.NET(二)
DreamwaverMX与ASP.NET(三)
DreamwaverMX与ASP.NET(四)

Dreamweaver MX进阶教程(十六)制作可拖动表格


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 56 ::
收藏到网摘: n/a

在中,给表格增加css定位,表格就变得象“层”一样可拖动。

1.在文档中插入一个表格。

2.选中表格,在属性面板上,为表格设置一个id名称。实例中输入f1。

3.打开css样式面板,单击“新建css样式”按钮。

4.在“新建css样式”对话框中,类型中选择“使用CSS选择器”,在选择器中,输入#加上id名称。实例中输入#f1。

5.在“定义”类别中,选择定位类型为“绝对”,在“定位”框中,“左”和“上”输入数值。按“确定”按钮完成CSS设置。

6.在文档中,表格变得象“层”一样可拖动。