属性:代码应用
相对定位的单图应用实例
编辑:
静中有动自2014年3月网易对博客系统升级后,对原先的绝对定位代码已经不支持了,只能使用相对定位代码来定位动画、播放器、图片、文字等元素,这就给不太熟悉相对定位代码应用的朋友在背景上正确定位多个元素带来了困难,现将本人掌握的单图使用最简单的表格排版来实现相对定位的方法介绍给需要的博友。
1、基本要素:
相对定位代码:<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx">要定位的元素代码</DIV>
其中:MARGIN-TOP: Ypx 上下位置,指的是距离上一个元素底部的位置。Y可以是正数、零、负数。
当Y=正数时,表示与上一个元素拉开Ypx距离。
当Y=零时,表示紧接着上一个元素。
当Y=负数时,表示插在上一个元素之中。
其中:MARGIN-LEFT: Xpx 左右位置,指的是距离上一个元素左边的位置。X可以是正数、零、负数。
当X=正数时,表示离上一个元素向右拉开Xpx距离。
当X=零时,表示紧挨着上一个元素。
当X=负数时,表示离上一个元素向左拉开Xpx距离。
2、使用代码:(本例图在背景图上放了6个Flash特效)
<TABLE cellSpacing=0 width=背景图片宽度 background=背景图片地址 height=背景图片高度>
<TBODY>
<TR>
<TD vAlign=top>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素1高度 type=application/x-shockwave-flash width=元素1宽度 src=元素1地址 wmode="transparent" invokeurls="false" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素2高度 type=application/x-shockwave-flash width=元素2宽度 src=元素2地址 wmode="transparent" invokeurls="false" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP:Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素3高度 type=application/x-shockwave-flash width=元素3宽度 src=元素3地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素4高度 type=application/x-shockwave-flash width=元素4宽度 src=元素4地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素5高度 type=application/x-shockwave-flash width=元素5宽度 src=元素5地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV>
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx"><EMBED height=元素6高度 type=application/x-shockwave-flash width=元素6宽度 src=元素6地址 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV></TD></TR></TBODY></TABLE>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。