如何在Dreamweaver制作可拖动表格

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


  插入一个表格

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


  表格设置一个id名称

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


  打开css样式面板

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


  新建css样式

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


  定位类型为“绝对”

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


  表格象“层”一样可拖动

时间: 2024-12-05 01:30:12

如何在Dreamweaver制作可拖动表格的相关文章

在Dreamweaver制作可拖动表格效果

  在Dreamweaver中,给表格增加css定位,表格就变得象"层"一样可拖动. 1.在文档中插入一个表格. 插入一个表格 2.选中表格,在属性面板上,为表格设置一个id名称.实例中输入f1. 表格设置一个id名称 3.打开css样式面板,单击"新建css样式"按钮. 打开css样式面板 4.在"新建css样式"对话框中,类型中选择"使用CSS选择器",在选择器中,输入#加上id名称.实例中输入#f1. 新建css样式 5

在Dreamweaver制作可拖动表格

在Dreamweaver中,给表格增加css定位,表格就变得象"层"一样可拖动. 1.在文档中插入一个表格. 插入一个表格 2.选中表格,在属性面板上,为表格设置一个id名称.实例中输入f1. 表格设置一个id名称 3.打开css样式面板,单击"新建css样式"按钮. 打开css样式面板 4.在"新建css样式"对话框中,类型中选择"使用CSS选择器",在选择器中,输入#加上id名称.实例中输入#f1. 新建css样式 5.在

Dreamweaver制作细边的表格

  通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Col

如何在Dreamweaver 制作弹出菜单

  我们制作中要完成的效果是当鼠标移动到文字上时,就会弹出一个漂亮的菜单,如图 17-1 和图 17-2 所示. 具体操作步骤如下: 1.输入文字并设置超链接.在网页中输入文字,因为单独的文本文字是无法添加行为的,按照 Dreamweaver 中的约定,将文字的超链接设置为" JavaScript:; "才能够添加行为.所以将文字的超链接设为" Javascript:; ",并执行[显示弹出式菜单]行为,如图 17-3 所示. 2.设置菜单项和子菜单项,并为菜单设置

Dreamweaver制作1px边框表格的几种方法

有过网页制作经验的朋友一定知道:一般来讲,把表格的边框定义为1px时,即border=1,而实际上是2px.而我们在很多时候需要那种真正的边框为1px的表格,下面就介绍几种方法. 一.用嵌套表格 用两个表格嵌套,外层的表格的长与宽比里层的多出2px,并设置对齐属性为水平居中.垂直居中,然后把外层表格的背景设为你需要的边框颜色,里层表格背景设为与网页背景相同,这样就实现我们的愿望了,实例如下: <table cellspacing="0" cellpadding="0&q

如何在Dreamweaver中制作细边框表格

  具体制作步骤如下: 通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色细线的表格为例: 1.在Dreamweaver的设计视图中插入一个4行3列的表格. 2.在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Col

如何在Dreamweaver中灵活控制网页表格高度和宽度?

在使用Dreamweaver制作主页的时候往往需要改变表格的高度.然而有时当我们拖动表格的边框,无论怎样拖动,等到放下鼠标,表格却又恢复到原来的样子. 出现这种情况的原因在于我们已经为表格提供了一个固定的高度,当我们要改变表格的高度,尤其是压缩表格的时候,表格的高度仍然保持原来的设定值,其直观表象就是无论你怎样拖动表格的边框,表格的高度都不会变化. 在这种情况下,我们只需要去除掉表格高度的设定,然后拖动表格的边框就可以了.那么应该如何去除表格的高度设置呢? 第一种方法: 首先需要选定表格.比较简

Dreamweaver快速制作细边线表格

dreamweaver 在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗.对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格.  以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行

网页制作 用Dreamweaver制作细边表格

dreamweaver|网页 在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗.对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(cellpadding)