在Dreamweaver制作可拖动表格效果 - 网站

在Dreamweaver制作可拖动表格效果

分类:Dreamweaver使用教程 · 发布时间:2023-05-03 19:17 · 阅读:7072

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

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

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

在Dreamweaver制作可拖动表格

插入一个表格

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

在Dreamweaver制作可拖动表格

表格设置一个id名称

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

在Dreamweaver制作可拖动表格

打开css样式面板

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

在Dreamweaver制作可拖动表格

新建css样式

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

在Dreamweaver制作可拖动表格

定位类型为“绝对”

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

在Dreamweaver制作可拖动表格

表格象“层”一样可拖动

标签:
可拖动表格

相关文章

Dreamweaver技巧之在网页中给视频播放窗口预设图像

我们在网页中插入视频时,有没有发现,当视频未播放之前播放窗口黑乎乎的甚是难看,那么能否在视频未播放之前先预设一些图像呢?下面给网友们介绍两种增加预设图片的方法

adobe dreamweaver中去除超链接的下划线

划线就是不符合国人的审美观念,看着就别扭,现在就来看看我们如何将其去掉吧,其实很简单的

Dreamweaver CS3网页制作中的CSS布局规则

虽然jb51.net一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用。建立您可以使用DW的代码编辑器进行CSS代码的编写。今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 。   CSS文件的链接方式   ·附加链接:外部CSS文件

dreamweaver翻译器没有被装载由于错误coldfusion.htm有不正确的设置信息

今天朋友打开dreamweaver时提示已启动DW就弹出这样的提示“以下翻译器没有被装载,由于错误:coldfusion.htm有不正确的设置信息”。而且在打开每一个文件时也会弹出相应的提示。

让Dreamweaver支持cshtml、phtml等其他文件类型的设置方法

DW支持很多文件类型的代码提示,可是类型太多,不可能全部都有,所以我们必须自己添加进去,具体的可以参考下面的方法

返回分类 返回首页