RSS
热门关键字:

Msn Space模板-banner等元素的放置

来源: 作者: 时间:2006-10-15 Tag: 点击:

引用

Msn Space模板-banner等元素的放置

这个效果的实现需要我们参考parts.css

我们可以看到这样的语句:

.LayoutIBeam {
 TABLE-LAYOUT: fixed; DISPLAY: none; WIDTH: 50px; POSITION: absolute; BORDER-COLLAPSE: collapse; HEIGHT: 20px
}

于是我们可以做一点更改:

<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: none; LEFT: 775px; WIDTH: 226px; HEIGHT: 125px; TOP: 0px; BORDER-COLLAPSE: separate">

(将TABLE-LAYOUT改为 auto是为了自动适应大小,离左边775像素,离上边0像素,高125像素,宽226像素,实际上高度可以不添加,让图片按比例放缩)

然后在DIV框内增加内容就可以了,如本例:

<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: none; LEFT: 775px; WIDTH: 226px; HEIGHT: 125px; TOP: 0px; BORDER-COLLAPSE: separate">

<IMG style="WIDTH: 220px; HEIGHT: 120px" height=120 src="http://home4u1.china.com/HOME14/30/40/60/20/59/0000934625/images/text_pic.jpg" width=220 align=left></DIV>

网上还有一些文章(似乎还没有找到是国外的哪位朋友最早想到要利用part.css)也是探讨这个问题,大家可以搜索一下看看。

我只是重新修改了一些数据并且将其实并不神秘的原理解释给大家而已。


上一篇:msnspace模板-虚线框
下一篇:没有了
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册