Archive for the ‘習’ Category

中文CSS特殊排版

Wednesday, June 28th, 2006

中文有时需要纵向或者从右到左等排版形势,就此寻找了一下,有以下一些解决方案(包括竖排、右起),缺点则是部分采用了CSS3的定义,各浏览器定义也有差异以及兼容性不佳,不建议大范围使用。

演示地址

顺便说一下IE7近了,这次IE7竟然修改了对!important的识别错误,无语凝噎了,看来trouble maker来了,尽管已经有好事者提供了解决方案,但是这个依旧是令人头痛的家伙。

Technorati Tags: ,

</li>不一定是结束的结束

Friday, April 14th, 2006

 
<ul>
<li>ABC</li>
<div>abc</div>
<li>123</li>
</ul>

你认为上面这段代码应该是如何显示的?

IE和FIrefox给出了不同的答案,以下是他们各自的答卷,是不是和你的想象有些出入呢。

这里说不上对错,因为在UL中直接插入div实际上并不规范,但是我们还是可以看出<li>在html中可以不用结束自身标签的遗存在IE中的体现(即便你在代码中用</li>关闭掉前面这个<li>IE也并不认同他似乎认为下一个</ul>或者<li>才是结束)。

注:在html中可以省略对列表元素末尾的,但在xhtml中必须有结束标签。

参考:XHTML List Module  HTML List Module

Technorati Tags: , ,

Firefox中list-style图片消失之谜

Tuesday, May 24th, 2005

注:在最新的deer park也就是Firefox1.1的预览版中这个bug似乎消失了。(2005.06.30)

昨儿遇到一件十分蹊跷的事情,有同事和我说li前的引导图片在Firefox中不能显示,当时我用IE,Mozilla查看都很正常,可是就只有Firefox下显示时丢失图片(有时打开时图片还在,reload一次以后即消失),Firefox与Mozilla都是采用gecko的核心,出现这样的不同的状况的确有些叫我意外。

最后我们发现问题存在与li中间包含的标签上,如果不使用H标签的话这个问题就没有了。

原始代码如下:
<style>li {list-style:url(robodemo.gif)}</style> ….
<li>
<h5>text</h5>
</li>

不过晚上回到家里还是越想越不对劲,而后做了一些尝试发现如下规律:

  • 1.这个BUG不仅仅是对H标签,同样是块状标签P也有同样的问题;
  • 2.修改块状物体的显示属性改为线性(display:inline)可以避免这个问题;

当然故事还没有完,最后我发现一件让人哭笑不得的事实,如果你“<li><h5>text</h5></li>”这么写代码,也就是说h标签紧跟着li标签不换行,这个问题就彻彻底底的消失了。

Firefox你还真是调皮的厉害。

附带演示代码如下(插入</head>与</body>中):
<style>
li {list-style:url(http://www.mozilla.org/images/livemarks16.png)}
</style>
<body>
<ul>
<li>
<h1>1</h1>
</li>
<li>
<p>2</p>
</li>
<li><h1>3</h1></li>
<li><p>4</p></li>
<li><h1 style="display:inline">5</h1></li>
</ul>

OpenOffice 你自己的Office

Wednesday, November 24th, 2004

OpenOffice

其实这个软件我已经用了很久,今天想写写关于它的事情。这篇就是用OO的writer来完成的,不光这篇其实我大部分的Blog都是用它来完成前期写作的。OO中的Writer和Calc是我最常用的两个办公工具,他们的功能我都不需要多说,仅仅说他们对应MS的word和Execel我想大部分人就能明白啦。
(more…)

用CSS控制Furl

Thursday, August 5th, 2004

怎么添加Furl到站点上,有几种不同的方法我就不再多说了,这里说得比较清楚了,再说一个CSS制定的小技巧,大家可能也注意到Furl提到CSS制定,不过只提供了两个Class(.furlListMain 和.furlListMain TR)这不够啊,倒霉催的我当时用IE在浏览Furl提供的那段Script查看那段源码总是不得要领,猜了几个虽不远可也不能全中,太困就睡了。清早起来开着 FF看Furl,忽然想起FireFox的DOM Inspector,好东西就是好,再看那段生成后的代码,通透~
现在可以晓得的Furl这块是如下的结构:

一个总的DIV


里面是主表格

加上和
,里面日期是,链接是,”Generated by Furl”这句是

好了这下好了,如此你几乎可以制定Furl显示出来的所有部分,甚至隐藏去Furl的声明。不过头疼的是#的模样比较奇怪,呵呵还没想到怎么整治它。

这样搭配一些tab插件就可以把这个页面放到FireFox 的Sidebar里面。下一步准备研究一下FF的SideBar看看怎么调用New Tab,如此看看能不能在默认的配置下正常工作了~

FireFox的 DOMI真的很强

学习的惰性

Monday, May 3rd, 2004

weather:好,非常的好,凉爽而阳光普照

手上排了不少需要学习的List,可是没有多少学完的,趁着今儿天气好,手上有点时间,反思一下。从学校出来后曾经有一段时间对学习充满了兴趣,发现自己终于可以去学自己喜欢的东西了,去学真正对自己有用的东西。可是不久以后学习的兴趣渐渐被,根容易得到的简单娱乐和倦怠所淹没。

学习的过程和学会后的应用,以及始终处在先人一步吹风的Position的感觉非常的棒。是不是自己被快餐文化所渐渐淹没呢?我一直比较反感这种易得、廉价、批量生产出的近乎饲料一般的玩意,可是结果呢…

我一直努力在空闲时间里留出时间去看看真正的书而不是去看电影;去听听戏听听真正思想前卫的音乐而不是去听流行音乐去附庸风雅;去Rss和Google里读读新闻翻翻报纸,而不是听电视中的“新闻读报”和“新闻故事“或者0距离里的张家长李家短;去真正的打打球,骑骑车,跑步而不是穿上球衣拿着球队的毛巾喝着啤酒在电视前庆祝遥远国度里一只商业球队的胜利;去山地呼吸空气、穿越泥地和林道、看看树木云霞而不是计算着时间拨到discovery频道发呆和去看 NG,但如今呢…

生活在网际网络中,时常看见引起自己兴趣想去研究和学习的东西,但是只是见到Palm了Bonsai中的 Outline和branch越来越多,花费去研读他们的时间却在缩水。算起来好像几个月都没去图书馆了,曾经非常喜欢去图书馆,喜欢在那里随便拿起一本名字喜欢的书,跳进兔子洞里一探究竟。

浮躁,这个城市,这个社会,这个国家都很浮躁。浪费大量的资源去满足眼前的欲望,获得短暂的快感。春夏秋冬不知道多少年,多少人都如此忙忙碌碌的匆匆度过,却很少有人去正视生活,去正视生命的整个过程,不去面对即是逃避……

不想排出如暑假前的学习计划,因为那种List从来都没有被执行过。

去做,现在就去。