(游子编辑 供初学HTML代码的朋友参考)
坐标控制绝对定位贴图的方法。
在学用代码贴图中,有几个间题较难处理:(1)绝对定位外部挂贴,要插入的内容往往不是在自已的贴子里。
(2)在背景图片加叠Flash后,要再加文字或图片很困难。(3)在背景图同一区域中的多个位置上,要插入图文,
虽然有靠左居顶等指令,但仍不是很好的办法。近日在整理学习笔记时,觉得有一种代码指令可以解决这些问题,提供
大家参考探讨。
设置一个规定范围的表格(图框),代码如下:
<TABLE id=table style=" ridge; LEFT: 0px; ridge; WIDTH: 500px; ridge; POSITION: relative; TOP: 0px; HEIGHT: 550px" background=http://bbs.guqu.net/UploadFile/2004-12/20041230144914462.jpg border=0>
<TR>
<TD>
插入图文
</TD></TR></TABLE>
表格化的绝对定位代码:
<TABLE id=table1 style="ridge; LEFT: 10px; WIDTH: 220px; ridge; POSITION: absolute; TOP: 0px; HEIGHT: 120px">
<TR>
<TD>
文字设置代码:
<FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 150%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>
文字内容
</FONT>
或插入图片贴图代码:
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=160 width=140 src="图片地址">
</TD></TR></TABLE>
代码语句说明:
LEFT: 10px; WIDTH: 220px;插入内容与左边的距离和宽度的范围。
TOP: 0px; HEIGHT: 400px插入内容与顶部的距离和高度的范围。