li使用中的注意事项

1、一定要左对齐,否则IE高度计算出错。
2、LI的列表样式在全局中就应该取消,用背景图代替。
3、LI不要高度,用行高代替。
4、不要用缩进,应该使用LI的左内边距空出点背景图。
5、含时间右对齐的复杂排版下,LI要有宽度属性。否则IE混乱。用A宽撑大时间SPAN到指定位置是比较便捷的做法。
(080130注:LI不需要左对齐,高度不准的原因是设置了LI的高度,而LI的高度设定在IE6下会多出两个像素,似乎是一个清不掉的内空,左对齐能取消这个多出来的下内空,不指定高度,只用行高是一个好的解决方法。另外,还必须设定“溢出:隐藏”这个HACK,因为如果不用此方法清除浮动,在FF和OPERA下第一个LI会没有高度,造成下边线设定的异常。)

关于“高度不适应”的老技巧、新问题

《CSS网站布局实录》257页中提到了一个高度不适应的问题。其实IE的问题很好解决,内边距都为0,或者包含的BOX有一个宽度值就OK了。FIREFOX却是个难缠的角色,不知道是不是版本更新的原因,这个书中提及的技巧竟然无效,另外一个技巧也完全无效,无论怎么设定,除非指定高度为准确数字,否则火狐狸就是不适应。

DW也是这样一个德性,不过解决起来也不麻烦,设定BOX为相对定位就OK了,和解决双倍边距的方法一样。就是这只狐狸,方法用尽也不见什么改善。

在蓝色提问之后才发现,感情这个问题叫“清除浮动”,是个老大难问题,众多HACK技巧层出不穷。新近发现的最好的解决方案是在大BOX中设置属性:overflow: auto ,一切问题就都解决了。
世界清静了?有人指出使用该属性后IE和FF都会出现后遗症:IE下鼠标的中键会失灵,不是滚轮失灵,是中键按下去毫无反映。而在一般的页面中,它应该会出现一个导航标志;FF下,设置此属性后会产生会产生focus,并且有演示文件:http://lab.loaoao.com/test/overflow/firefox/focus/。不过对我来说,IE的这个问题不是问题,因为很少用。FF的问题是为爱好钻研的人多提供了一个“茴”字的写法,技巧在IE下不可用。我的首要问题是解决浮动,目前overflow: auto是最好,副作用最小的方式。

《超人归来》超人也是人 ★★★★

刚上初中的时候因为期待看《超人》而热血沸腾,甚至英语成绩考砸了都还惦记着《超人》,在车后座(自行车)试探了下爹的口风,结果……可想而知。估计现在的小朋友看奥特曼也就这股劲。十几、二十年后才真正看到《超人》,失望到了家。“欲望”的下场往往就是这样。

老超人凄凉地走完了他的人生历程。电影公司很给他面子,在他瘫痪期间没有续拍超人,也许是想避免招致公众反感。现在,是“续弦”的时候了。

开始我以为这次是拍超人前传,因为预告片花里有老超人的整段镜头,有宇宙飞船降落,有儿童超人在田野里奔跑。真正看了几分钟才晓得,这次真的是“续弦”,新超人是延续老超人的故事进行的。老实说,在影片里我没见着什么熟人,但是坏蛋头子——凯文斯帕西,我是绝对作兴他的。他和布鲁斯威利的气质比较象,总是一副迟钝的微笑表情,区别在于斯帕西的眼睛能说话。

超人真帅,这演员是怎么选出来的?选秀?你们“超女”“超男”,人家美国佬就“超人”?帅是真帅,就是觉得帅得不真实。你觉得这么帅的人会和我们一样的姿势拉屎吗?不知道为什么,我总觉得很美的美女和好帅的帅哥是不拉屎的。你什么时候看见雕塑和油画的人拉屎?嗯,说到便便,我想起了《阿拉蕾》里的超人,额头前搞笑的小圈圈发型让人有海扁他一顿的冲动。

说美国佬有超人情结真是没错。按超人他爹的话来上纲上线,压根说的就是理想美国人,跟实际还真对得上。“你跟地球人在一起,但你不是他们的一份子。他们有潜力,这需要你去指引,你要做指路明灯。”我瞧着这话怎么这么不顺眼呢?面对质疑,超人的回答是“你们说世界不需要救世主,但是世人都在寻找救世主。”得,乖话都让他说了。你能怎么地?人家拳头比你硬。

漫画英雄创新的脚步是越来越强劲了。蜘蛛人与老婆结束蒙面生涯,大有结婚之势,这边超人都搞上婚外恋了,甚至都有了私生子,而且这私生子和女人还跟另外一个人住在一起。疯狂的社会关系也影响到了漫画英雄的生活。以后会不会有某个漫画英雄带着高中女生去做无痛人流?难说。

晓得美国的次级抵押贷款吧?房地产这次害苦美国经济了。但是2006年这种危机还没有爆发,电影人却注意到了这个热点。《超人归来》中的坏蛋头子就是想整死几亿人,搞自己的超大房地产项目,狠卖海景房。结果呢,漫画英雄摧毁了这个项目。最后的结局很有意思:房地产项目升了,不是小升,是大升,越升越高,最后飞出地球成为了一块陨石。天,这编剧比测字先生灵多了。

坏蛋的形象设计也有所突破。如今的坏蛋都是有哲学的,喜欢研究神学的,啥啥都能侃上一通。就连个小喽罗,做在钢琴面前也有个八级水平。学音乐的不会变坏吗?坏蛋一样弹好钢琴。为什么呢?从小被逼得呗,坏蛋也有童年啊。

开始我有一点不理解,超人来自氪星,却不能适应那里的石头?后来想明白了,只有氪星石才能让他当回普通人,而不是打不穿撕不烂的特殊材料做的人,否则那里就不会有战争、不会有屠杀、不会有抢劫、不会有压迫了,那还能称之为社会吗?

“有其父必有其子,有其子必有其父”,这是两代超人常念叨的一句话。我想起了《流浪者》,同样是血统论,对好人却似乎是正确的,对坏人却不适用。所谓文艺创作,就是生产这种不客观的麻醉品吧?

既然超人已经涉及到性关系了,接下来我觉得电影公司可以研究下超人代言印度神油、西班牙苍蝇的广告了。否则浪费这么个题材,实在是广告界的损失。

11.09.06.Superman.Returns.2006.DVDRip.XviD.iNT-NewMov(超人归来)

◎译  名 超人归来
◎片  名 Superman Returns
◎年  代 2006
◎国  家 美国
◎类  别 动作/冒险/幻想/科幻
◎语  言 英语
◎字  幕 中文/英文
◎IMDB评分 7.0/10 (41,774 votes)
◎IMDB链接 http://www.imdb.com/title/tt0348150
◎文件格式 XviD + AC3
◎视频尺寸 800 x 336
◎文件大小 3CD 3 x 50 x 15MB
◎片  长 154 Min
◎导  演 布赖恩·辛格 Bryan Singer
◎主  演 布兰登·罗斯 Brandon Routh
      凯特·伯斯沃斯 Kate Bosworth
      凯文·斯帕西 Kevin Spacey
      马龙·白兰度 Marlon Brando

入手PSP

每年的8月都是个手头发紧的时期,偏偏这个时候相中了PSP。

事出有因。以前用PALM看电子书,后来用手机看电子书、玩JAVA游戏。手机的显示屏太小了,点太细了,凑得太近了。眼睛出现重影是经常的事情,再这么下去要变斗鸡眼了。唉,我竟然在这么小的屏幕上补完了所有《武林外传》的课。

心动的时候正是PSP的低潮期,老福山报价1240元,可惜月活动经费结余只剩200块,例行的生日会餐也只能顾及到办公室的同事。吃完饭出门的时候,兜里只剩了几十块。购物的小兔在心口乱蹦,于是把PSP的指南看了又看,还请个有PSP的同事吃了顿饺子,亲自摸摸好找点实感。9月初偶然一看账户,WK,竟然有被遗忘的数字,都是被CMBCHINA改版闹的。这下钱够了。

手上有钱的时候,却偏赶上了PSP涨价,可能是因为新版本迟迟没有被破解,所以老货抬价。跟事前联系好的一个老福山卖家好说歹说搞到了1290。可真去的时候却全老福山地下几乎都卖脱了货。
一个朋友常去的店里满是翻新机,欺负我新手不懂。可是他不知道处女座的男人是多么的象一个女人:电池背板的标签贴胶缝至少有半个毫米的歪斜,而且UMD仓多处有擦碰痕迹;港版机号称第一次开机,却是日文版界面;我还没有对他的纸盒软件版本号与实际是否相符,就已经肯定他是翻新机了。

另外一个大妈那倒是有几台不错的新机器,可是价格下不来。于是,只好跟店家约定明天到货通知我再来。

第二天下午,带着相亲般的心情又去了一趟,赶上老板分货。分到半途BOSS惊叫“怎么这么多不对号的日货”。初PSP都知道:PSP没有行货,所有的水货都是货盒分开走。“不对号”表示盒子与机器序列号配对不上,代表着可能是翻新机。我仔细看了看,从质感,界面,细节看,货品比较肯定是新的。软件版本比较的老一些,翻新机一般都是最新的软件版本。于是决定入手。然后老板问我:“要记忆棒吗?”“不要。”“要贴膜吗?”“不要。”BOSS瞪大了眼睛看着我。其实这两样东西我已经从网上买了,省了至少30块钱。老板没想到碰到这么抠门的,大声说:“那我不可能卖机器给你。没赚啊!”这话跟昨天那位大妈的语气一样。我也没料到号称老福山第一低价的BOSS会反悔,立刻指责BOSS的不讲信用。几分钟过后牢骚发完了,我也基本上想走人了。这个BOSS看上去象是个喜欢做技术的年青人,在网上被人捧惯了,遇到自己理亏的事情可能也没几次。最后我们谈成了这种方案:我拿日版主机,拿港版纸盒,按原价成交。从纯技术角度看,日版的主机和港版中文的说明书是绝配,我巴不得这么配。同时也佩服老板货品全见,对承诺说到做到的性格,我本来没有作他能卖给我的打算。

回到办公室就急切地贴膜。传说贴膜麻烦,所以我已经想好了几个解决方案。但是临到贴的时候,毕竟是“处女贴”,还是碰到了想不到的情况:粘到了一根小毛。于是揭起来准备用附带的擦镜布擦擦。哪晓得,这块小布简直是纤维脱落机。擦过之后半屏贴膜尽开颜——全开了花了。说明书说可以水洗后再贴,于是去冲……没有任何改善。好在便宜,先贴着再买新的。老福山地下20多元一张的组膜,网上5-3元,我就不信三张贴不出个好的来。好歹多学了门手艺。瞧,处女座的会算计吧?

前几天新的HORI膜来了,比上次的BHB膜精致了许多。从印刷看真的难以分辨,因为他全部是重排后印刷的,与一般假货的影印相比,小字细节毕露。要不是知道售价3元,我真的不知道怎么跟50多元一张的号称原装的膜有什么区别。这个“假货”甚至连附带的刮卡都是做工精细。作假作到这个地步,只能让人敬佩了。

第二次贴膜是在台灯下进行的,比日光灯下强太多了,借着镜面反射看得真真的。用3M魔布对镜面擦了又擦,最后我终于明白:1、我们不是生活在真空中;2、灰尘就象XX,只要肯擦,总是会有的。于是轻轻吹了吹开贴。不知道是因为有了老膜练手,还是擦出了强静电,加上这次的贴膜比较硬,所以过程超顺利。贴完后配上老妹买的几块钱的宽手带,拿起久违的相机拍了个写真。这个要按PSP凡斯的语气,应该叫“贴膜任务达成”吧?!

贴膜过程中发现附带的两层保护膜,其实品质也不错,也是静电吸附,完全可以充当备用保护膜。2号膜的保护意义其实不大,完全可以揭下来当作第一次的练手材料。这膜3元一张,入手两张,再加邮寄费3元。而老福山同样一张组的就要25元的“良心价”。本店现多一张HORI组膜,8元出手,概不还价,以此纪念第一张价值五元的牺牲品。相信我,这个价格比老福山白多了。

“风讯4.05”实战第十三天:样式应用注意事项两则

当指定A标记为块并用背景替换文字时,常常要设定块大小(比如常见的“更多”)。在IE下这个时候容易出现问题:当A中的字比块大时,块将被撑大。FOX下没这个问题。解决方法:单独为A设置溢出隐藏,或者将A的字体设置得够小,小到不足以撑破块。

修正一个重要误解:网上流传的不换行自动加省略号的样式代码存在重大缺陷。那段代码中使用了标签来防止换行。这个标签是微软专用标签,不是HTML的标准标签。其实在样式中设定“不换行”也是一样的。原来我以为设置了溢出,IE就自动会加省略号。事实不是这样,他使用了一个MS专用样式“text-overflow:ellipsis”。只要这个标签有宽度,设置了溢出隐藏,再加上这个溢出的样式设定,就能产生省略号效果了。

一个测试了N久发现的IE/FOX兼容问题:在带时间的新闻列表中一般用

  • 包含完成左右对齐。实际效果中IE总是要多出四个像素的行间距离,只有设置了左浮动,两者效果才能统一。为这个问题忙活了3-4个小时。

    做到目前的地步,回想一下起初在手外网站应用标准的困难和女子医院的排版失误,其根结都在不懂得使用“清除”,一味的浮动,结果造成了FOX下的严重排版故障。 “清除”非常非常重要,不懂它,就不懂CSS排版。仔细想想,这个经验似乎也是《CSS禅意花园》中看来的。