屬性:代碼應(yīng)用
相對定位的單圖應(yīng)用實例
編輯:
靜中有動自2014年3月網(wǎng)易對博客系統(tǒng)升級后,對原先的絕對定位代碼已經(jīng)不支持了,只能使用相對定位代碼來定位動畫、播放器、圖片、文字等元素,這就給不太熟悉相對定位代碼應(yīng)用的朋友在背景上正確定位多個元素帶來了困難,現(xiàn)將本人掌握的單圖使用最簡單的表格排版來實現(xiàn)相對定位的方法介紹給需要的博友。
1、基本要素:
相對定位代碼:<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx">要定位的元素代碼</DIV>
其中:MARGIN-TOP: Ypx 上下位置,指的是距離上一個元素底部的位置。Y可以是正數(shù)、零、負數(shù)。
當Y=正數(shù)時,表示與上一個元素拉開Ypx距離。
當Y=零時,表示緊接著上一個元素。
當Y=負數(shù)時,表示插在上一個元素之中。
其中:MARGIN-LEFT: Xpx 左右位置,指的是距離上一個元素左邊的位置。X可以是正數(shù)、零、負數(shù)。
當X=正數(shù)時,表示離上一個元素向右拉開Xpx距離。
當X=零時,表示緊挨著上一個元素。
當X=負數(shù)時,表示離上一個元素向左拉開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>
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。