[习作] 表格背景图定位应用一例 - 音画学堂

华声论坛 → 精彩贴图区 → 音画学堂 → [习作] 表格背景图定位应用一例

·售楼小姐良心发现：18个卖楼超级内幕	·贪官的十大腐败智慧	·科学谜题系列：这个世界真是小、所有的事都碰巧
·"一夫两妻"书记缘何能边腐败边高升	·玩具钞票流入校园班上排起"富豪榜"	·取消毛坯房谁为开发商的装修把关？

本帖已被阅读 4290 次 上一篇 刷新下一篇

枳橘吟
等级:
帖子:1168
威望:140 点
魅力:4192
注册:2006-3-20

楼主

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

[习作] 表格背景图定位应用一例
枳橘吟发表在音画学堂华声论坛 http://bbs.voc.com.cn

[本帖最后由枳橘吟于 2008-1-23 03:18 编辑]

----------------------------------------------

http://image.hnol.net/200504/dysr/head.gif

发表于 2007-9-19 17:39

梦雪儿
等级:
帖子:36334
威望:1840 点
魅力:73088
注册:2004-1-6

第2楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

　　很漂亮,应该发特效~

----------------------------------------------

淡淡的思绪
慢慢的停留
悠悠的欢乐天际游~
http://image.hnol.net/200504/mengxue/index.htm

发表于 2007-9-19 21:56

雾帆
等级:
帖子:3960
威望:545 点
魅力:12386
注册:2004-12-26

第3楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

好作品，转移一份到特效。
按此在新窗口浏览图片

----------------------------------------------

茫茫雾海一孤帆,
乘风破浪勇向前.
漫漫百年人生路,
赢家都是拼搏男.

发表于 2007-9-19 23:01

枳橘吟
等级:
帖子:1168
威望:140 点
魅力:4192
注册:2006-3-20

第4楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

梦版高看我了，在此栏下发帖，已是战战兢兢，怎敢去高手如云的绝美造次。
谢谢梦版鼓励。
谢谢雾版常常奖励，只是于心惭愧。

----------------------------------------------

http://image.hnol.net/200504/dysr/head.gif

发表于 2007-9-20 02:26

宠儿
等级:
帖子:9526
威望:870 点
魅力:25616
注册:2004-4-28

第5楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

其实好佩服枳橘吟的,经常自己的研究怎么样做帖子,而且应用的都非常好.

发表于 2007-9-20 11:30

宠儿
等级:
帖子:9526
威望:870 点
魅力:25616
注册:2004-4-28

第6楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

呵呵,看了下,帖子雾版已经操作过.

发表于 2007-9-20 13:02

湘韵
等级:html代码组
帖子:681
威望:190 点
魅力:3280
注册:2006-3-19

第7楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

太精美了

发表于 2007-9-20 15:16

枳橘吟
等级:
帖子:1168
威望:140 点
魅力:4192
注册:2006-3-20

第8楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

谢谢大家欣赏,谢谢宠儿版主夸奖。
最要谢网站、栏目提供了很好的学习条件，有许多的好老师。只是人有些愚钝，弄不出什么象样的东西。

----------------------------------------------

http://image.hnol.net/200504/dysr/head.gif

发表于 2007-9-20 15:59

qq525093551
等级:
帖子:386
威望:10 点
魅力:9
注册:2007-9-20

第9楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

----------------------------------------------

qq:525093551

发表于 2007-9-21 18:37

白云*黄鹤
等级:html代码组
帖子:1187
威望:240 点
魅力:4090
注册:2006-1-27

第10楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

《江南好，能不忆江南》！

[此贴子已经被雾帆于2007-9-21 22:54:39编辑过]

----------------------------------------------

http://bbs.hnol.net/bbsimg/2006-1-28/14/200612814133411061.gif

发表于 2007-9-21 20:09

白云*黄鹤
等级:html代码组
帖子:1187
威望:240 点
魅力:4090
注册:2006-1-27

第11楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

枳橘吟老师：我把帖子的宽度更改为900，但是，里边的表格框却怎么也不能居中，请老师指导。

----------------------------------------------

http://bbs.hnol.net/bbsimg/2006-1-28/14/200612814133411061.gif

发表于 2007-9-21 20:15

宠儿
等级:
帖子:9526
威望:870 点
魅力:25616
注册:2004-4-28

第12楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

[I]

全屏观看请→点击这里欣赏

[/I]

发表于 2007-9-21 20:36

宠儿
等级:
帖子:9526
威望:870 点
魅力:25616
注册:2004-4-28

第13楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

这两边都对称的定位,我比较喜欢两边同时定,设置的方法就是左边的用LEFT="105".然后复制同一样的代码后, 把LEFT="105"改成RIGHT="105"这样就对称了.不用再慢慢的调节.

[此贴子已经被作者于2007-9-21 20:43:11编辑过]

发表于 2007-9-21 20:40

枳橘吟
等级:
帖子:1168
威望:140 点
魅力:4192
注册:2006-3-20

第14楼

短消息查看资料加为好友作者博客送玫瑰送金币只看该作者

　　谨回复“白云*黄鹤”。声明一下请不要以老师相称，领受不起啊。学习过你的大作，你才是老师。
　　宠儿版主已作了说明，这里另提几点。
　　这个特效也就是用了表格背景图定位，其他没有什么新鲜的了。总的讲很简单，只是有几个计算方面的问题有点容易把人搞糊涂（我自己的感觉）。
　　１、外框采用相对定位，里面的小框采用绝对定位。
　　２、为了在整体让小框里的图给人一整张图的感觉，每个框里的背景图在定位上都要移动一段距离，这需要根据图面的安排来计算。
　　３、几个内框的宽度如果不一样，那么图片的移动总长度也不一样，也要算一下。不然当图片往相反的方向移动时就会不同步，一整张图片的效果就没有了。往返的次数越多就越乱。
　　暂这些。谢谢关注。

----------------------------------------------

http://image.hnol.net/200504/dysr/head.gif

发表于 2007-9-21 21:44