18.txt 坐标控制绝对定位贴图的方法。

欢迎您!启步学代码。
(18)

(游子编辑 供初学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插入内容与顶部的距离和高度的范围。


表格化的绝对定位代码实例:

击点表格化的绝对定位代码实例


(待续)


编辑:游子