如何在dreamweaver里加div层?

如何在dreamweaver里加div层?,第1张

<div style="position:relative">

<img src="图片路劲" />

<div style="position:absolutetop:0pxleft:0px">文字</div>

</div>

不懂再问

1. 打开HTML文档,点击“设计”视图,然后点击“插入”菜单,选择“布局对象”命令,在d出的子菜单中选择“AP Div”项。

或者在“插入”面板中选择“布局”项,点击“绘制 AP Div”图标,如下图所示:

点击“窗口”菜单,选择“插入”项,可以打开“插入”面板。

2. 点击“绘制 AP Div”按钮后,鼠标形状变为十字形,在页面中要插入AP Div的地方点击鼠标左键,拖动鼠标划出矩形区域,然后松开鼠标即可。如下图所示:

自从Dreamweaver提出层这个概念以来,层的定位一直困扰了许多朋友。其实Dreamweaver中层的概念80%都是将DIV这个标记和CSS的定位进行了抽象,从而得到层这个定义。一切层(只是针对DW中的DIV标记,Netscape的Layer不做讨论)的定位问题也就归结到了用CSS对DIV标记进行。一共有3种定位的情况,我们一个一个来看 1 打开ojbect面板,用层工具在工作区随便拉出来一个层。那么这个层不论页面如何放大放小,它都以浏览器窗口区左上交为基点,用top和left值来控制坐标的。 2在DW工作区插入一个多行多列的表格,将光标移动到中间一个单元格内。用Insert菜单下的Layer菜单插入一个层。保存一下。我们可以看到,此层非彼层,它将以表格单元为基点控制坐标。仔细观察代码,原来根本就没定义left和top值。千万别定义,定义之后就成了第一种情况的固定层了 3将2制作好的层改变一下,找到此层的代码部分,将单词absolute替换为relative,保存。可以看到,层也是相对于表格单元定位的,而且可以改变top和left值!无论top和left怎么变,此层都将相对与表格单元定位。但是问题又出现了,表格单元被撑大了许多。再将DIV标记的width和height值改为0或者索性删掉这2个属性,怎么样?单元表格又恢复了吧。需要注意的是,单元格的最小尺寸将容纳<div>和</div>中间的内容,因为<div>确确实实的包含在了<td>和</td>之间 以上3中情况只是发生在Dreamweaver中的。如果脱离Dreamwever改用源代码对层定位,那么问题将变的相对简单。万变不离其宗嘛


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11762229.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存