这个问题发现很久了,还是在暑期改版的时候一个页面中的问题。由于当时我的IE6绿色版有些问题,并没有出现这个bug,后来在网吧的IE6上才发现这个问题。 产生该bug需满足两个条件:
- 浮动的仅是<embed>标签,外层并无<object>
- 相邻浮动容器中的字符不能包含在内联元素中
产生bug的主要代码:
<!--
body{font-size:12px;}
#container{width:900px; margin:0 auto;}
h1{text-align:center;}
p{text-indent:2em; line-height:18px;}
-->
<h1>关于使用浮动<embed>产生重复字符的问题</h1>
<div id="container">
<object width="100" height="100" data="abt.swf" type="application/x-shockwave-flash">
<param name="src" value="abt.swf" /><param name="wmode" value="opaque" />
<param name="quality" value="high" />
</object>
<div id="content" style="margin: 0pt 15px 15px; width: 645px; float:right;">
这个问题发现很久了,还是在暑期改版的时候一个页面中的问题。由于当时我的IE6绿色版有些问题,并没有出现这个bug,后来在网吧的IE6上才发现这个
问题。产生该bug需满足两个条件:浮动的仅是<embed>标签,外层并无<object>相邻浮动容器中的字符不能包含在内联元素中。
<p style="color:#F00; font-size:14px; font-weight:bold;">大家注意看,本段文字的最后一个字符将在下一行重复显示</p>
</div>
</div>
点击查看代码演示 如上所述,产生该bug的条件,其实也隐含了解决此bug的部分方法。故解决此bug至少有以下方法。
- 使用严格的嵌套方式插入flash,可以使用<object>嵌套,或是在外层嵌套其他标记,只要不让<embed>浮动即可;
- 相邻文本嵌套在内联元素中;
- 在文本字符后添加HTML注释,即<!—->;
以下代码为使用注释方式修复此bug:
<!--
body{font-size:12px;}
#container{width:900px; margin:0 auto;}
h1{text-align:center;}
p{text-indent:2em; line-height:18px;}
-->
<h1>关于使用浮动<embed>产生重复字符的问题</h1>
<div id="container">
<object width="100" height="100" data="abt.swf" type="application/x-shockwave-flash"><param name="src" value="abt.swf" /><param name="wmode" value="opaque"
/>
<param name="quality" value="high" />
</object>
<div id="content" style="margin: 0pt 15px 15px; width: 645px; float:right;">
这个问题发现很久了,还是在暑期改版的时候一个页面中的问题。由于当时我的IE6绿色版有些问题,并没有出现这个bug,后来在网吧的IE6上才发现这个
问题。产生该bug需满足两个条件:浮动的仅是<embed>标签,外层并
无<object>相邻浮动容器中的字符不能包含在内联元素中。
<p style="color:#F00; font-size:14px;font-weight:bold;">大家注意看,本段文字的最后一个字符将在下一行重复显示</p>
<!--修复IE6浮动embed产生重复字符bug-->
</div>
</div>
点击查看代码演示 该bug本应该从一开就被避免,只是由于我使用了
<embed src="abt.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="opaque" menu="false" style="width:225px;height:335px;float:left;"></embed>
在页面中插入flash,所以实际中这个问题出现的几率应该是非常的小,发文志之。
一晃又是三年,星爷转型后苦行僧式的拍片、用心良苦的磨蹭,让人明白有一种等待好比一对见不着面的恋人,也好比一场3年一度隆重的party,剩下的三年用来回忆。星爷有这种魅力,电影过后,他自己跳不出来,我们也许久许久的跳不出来,此时电影还有多重要?我们沉寂在超越生活的迷恋中,就像卓别林,我们现在还没有跳出来。
人生能有几个三年,星爷的作品是有限的,但是星爷创造力的遐想余波是无穷的,不仅存在于电影中,更多是存在于影迷的心中,永远不会衰却。所以差不多但是每次的等待后都贴心的承认,这样的等待是值得的。如今《长江七号》的宣传公式开始了,周星驰再次被推到了最前面,一脸沧桑一头花白的头发但还是依旧的笑容。人们偶然发现,周星驰好久没出片子了啊。作为一直崇拜星爷的我和大家,从功夫结束、神舟六号升空就仰望起长江七号了,脖子都酸了,所以无须讲太多,默默的看星爷默默的感觉,星爷转型后我看他的电影完全不是抱着喜剧的心态来看,人生本来就是悲喜交加、哭笑不得,笑中有泪、哭中带笑,何必要去强调一种感觉。李安的《喜宴》、《饮食男女》可以比煽情电影更感人,可以比喜剧电影更喷饭,这些都是在一部电影里,是超出电影的芸芸众生、社会百态,它更呈现出一种真实的人生况境。我想这就是高人的电影态度,不为影像而影像,为人生而影像、为人生而人生。
所以整天捧着星爷“无厘头”、“大话西游”“后现代”看星爷的人,你们真正了解星爷吗?星爷说我现在自己都说:“我现在不认为我在拍喜剧,而是首先考虑讲好一个故事。”所以我们也可以说,星爷越来越卓别林,《长江七号》也更像是《寻子遇仙记》,我相信我看的时候会大笑,也一定会掉着眼泪。科幻元素有多重要、特技怎么样都不重要了,重要的是笑过之后的温情、心酸、感动,这才是星爷电影最最重要的,沉淀于心的。人不可能永远挂着笑脸,但心里却始终是会心的感觉。
最好的喜剧就是《喜剧之王》的海报,可以让你咧着大嘴,眼角尽是泪花!我一直也不以为《大话西游》是什么星爷代表作的作品抑或好作品,那是刘镇伟的作品。个人倒是对星爷的《破坏之王》最情有独钟。
之前《看电影》说配音不是“石斑鱼”同学了,原因星爷觉的小石的声音过于夸张,不符合星爷现在的沉稳,路线可看了预告片依旧是“石斑鱼”。呵呵,还是啊,没小石同学怎么行。但我应该回去看粤语版。
预告片里星爷对着假小子说:“吃了摇头丸啦你!”就这一句我就热泪盈眶了!
最有型的小人物! PS:上面评论来至豆瓣影评,虽非自己写的,但绝对赞同原作者的观点。星爷一生至今也没拿到过什么大奖,但是这并不能否认星爷的成就!观众喜欢的电影就是好电影,艺术?内涵?思想?不要扯那些没用的,任何一部电影在10年或是20年后如果还能被别人忆起,难道还不是好电影?星爷造就了太多经典,星爷的每一部电影都看了很多遍。别人的电影如果能看5遍,星爷的电影就至少能看20遍。以致常常担心要是星爷不拍电影了,不能拍电影了,我看什么? 这些年每次看到头发已有些花白的星爷出现在各种场合,心中总会有感慨。感慨岁月无情,年华不再。也要感谢星爷,感谢星爷的电影陪伴我们度过了太多难忘时光!

前天的事情啦~···昨天一天上不了网。没发上来~···因为挂了alimama的广告,这几天到常去阿里妈妈首页看看,看到了他们的首页图片广告,一时兴起,有写的冲动~···
没写的时候不知道从何入手,写完了,倒也不知道有什么难度,也不知道有什么难处,只是对象事件函数绑定时参数传递弄了不少时间,其他地方都是顺顺利利~···
点击此处查看阿里妈妈首页图片广告效果
最终是实现了,但是总觉得不好,没有看他源代码是什么样子的。但是自己写到后面就感觉越写越乱,思维也越来越不清晰~[angry]
发现还是有很多基本概念没有理清,很多函数比我想象的复杂~····
PS:感谢Yany同学友情或是无情的技术和非技术援助。Yany同学提到了数组,呵呵,我想过,数组可以让代码结构更清晰,更便于理解,但是会增加一个构造数组的函数。因为是自己练手,就没用数组了~···
这是一个由漫步发起的博客串联活动,主题是:5个关于你的问题。
虽然~···虽然我定了大量的blog,但是很少很这些blog的主人交流。因为~···我很低调吧~[lol],很少去留言,很少评论,只是在GR中静静地看。这次厚着脸皮参加一次活动吧~···
1. 你从什么时候开始 Blogging 的?
刚刚开始,上个月。手上一直有一个属于自己的域名http://www.wondger.com,一直想等我学学PHP,研究研究WP后,再开博。上个月有段时间太无聊,把PJblog下下来,用了两天时间做了个skin,买了空间就开始了。目前为止,一切顺利。
2. 你为什么博客?
记录生活吧,也许是因为空闲时间太多。我在想,如果我很忙,我还会坚持写吗?
当然还有就是学习,平时需要有个空间去验证自己的一些想法。
3. 你是否尝试在网上赚钱或已经开始在网上赚钱?
没想过,虽然现在也有广告,不是为了赚钱,好玩吧~顺便研究下网络广告。
4. 你喜欢网络的三个理由
其实~···不是很喜欢,除了获取必要信息,学习之外,其余时间我还是希望都能与人面对面的交流相处。
那么现在一直在用的三个主要理由:
- 学习需要,获取必要的资源,同时自己喜欢的事情也跟网络有关,离不开。
- 交流,和很多同学朋友通过网络保持联系,长途电话很费钱~···
- 信息娱乐渠道,很少看电视了,通过网络关注一些新闻,也常找些电影看~···
5. 你 Blogging 的目标是什么?将如何实现?
目标:我能一直写到我死去的那一天,记录我的生活。让我的blog能见证我的成长!结交更多的朋友!
PS:不知道这篇日志能不能T过去呢~···好像好多人没有T过去~
“div+css”极度盛行的今天,很多人已经忘了在HTML里还有table呃~,也有很多人记得只是不愿再想起。单纯为了div而完全抛弃table的做法绝对是不可取的。table没什么错,初衷就是用来显示数据的,错在很多人在那个年代把它用在了布局上,而且用滥了。
在table广泛用于布局的时代,或许很多人眼中table就是,其实不然,即使早在HTML4之前,至少就有了, 标签,HTML4开始引入<thead>,<tbody>,<tfoot>,<col>,<colgroup>标签。微软更是为table完美的数据表现添加了大量的扩展属性。当然了,如果表格单纯用于页面布局,这些标签或者属性基本是一无是处。但是当table回归它本来地位时,这一切变得重要。
<caption>:用于指定可选的表格外加标题,内容通常显示在表格上方或者下方以表明表格的内容,默认居中显示。
<th>:设置表格的标题,浏览器以不同的样式显示标题,一般将标题居中,并以黑体显示。
<thead>:其内容组成表格的标题,它可以包含<tr>,<th>
、 和<td> 。除了便于组织和应用样式外,为这些内容分组的优点在于这样可能在多个页面中重复某些元素,主要体现在打印表格中。
<tfoot>:与<thead>标签类似,其用于在表格中创建一个页脚,亦可在多页上出现。
<tbody>:指定表格正文,并可以出现多次(<thead> 、<tfoot>只可在表格中出现一次)。 熟悉各标签相应功能后,那么构建一个合理的用于呈现数据的表格,就变得很简单了。各尽其用,最大限度地表示出数据间的关系,这才是table真正用途之所在。那么我们可以构建如下完美数据表格。
wondger’s blog
| Category ID |
Category Name |
Description |
| 1 |
简单生活 |
我的简单生活 |
| 2 |
web相关 |
web应用,业界新闻 |
| 3 |
设计制作 |
web标准,web设计 |
查看代码效果
合理的数据表格呈现,远不止构建一个合理的代码结构,更要在数据的视觉表现上做一定的设计。比如标题与正文内容的区分,数据的显示方式,对齐原则等,设计者大可自由发挥。
BTW:啥是标准啊?我相信很多人回答不上来。尽管很多人都自称是css高手,div+css高手,在一个web标准的群里问,没人吭声,都是潜水王,都忘了这个世界除了70%的水,还有30%的空气。我也不知道啥是标准,绝大多数用户也不知道。但是我知道大谈标准化的今天,标准化并不是都是为了用户而标准化,相反更多地是在为计算机标准化。计算机笨,只认识代码,管他什么结构,表现,seo,大部分是为计算机做的。国外用人工搜索引擎工作时,不会去查看源代码。个人对标准化在HTML这部分的理解是,用最合理的标签和结构去呈现最适合的内容,纯属个人观点!意见相左者就当我在YY~···