在IE6.0,IE7.0游览器,或者IE8.0游览器的IE7.0兼容性视图下,图像显示会有一个问题:“在图像的下面会空出小小的空隙”。

而这个小小的空隙,往往通过设置margin, padding, border 为 0 ,所无法消除的。记得初次接触 html, css 的时候,为此非常苦恼。

比如:

<img src=”/images/1.jpg”/>

<img src=”/images/2.jpg”/>

这样的img元素堆叠的代码,在firefox, chrome中,可以通过 margin, padding, 控制图像之间,是否需要空行间隔,但在IE7.0中,就很可能失效,永远有小空行间隔了。

解决的办法,其实很简单,在img的css中加上:

display:block;

就可以解决IE6.0,IE7.0的兼容性问题了。

阅读全文

前一阵子,想让网页上的文章段落的右端也能实现对齐,如此文章段落的左边和右边两端就都对齐了,可以显得更加工整。尝试了一下段落编排的css,发现对于有汉字组成的文章段落,在IE和Firefox游览器中可以正常进行右端对齐,而在Chrome和Safari游览器总就对不齐了。我觉得这很可能Chrome和Safari两者都有是一个bug。(特别注意,这个bug,只发生在有汉字(全角)的文章段落;而对于全部为英文组成的段落时,就不会发生),如果这个Bug真的存在,那么虽然Chrome, Safari的大名如雷贯耳,并且和Firefox都是尊重W3C标准的游览器,但他们对W3C标准的实现的方法,多少还是有些差别的。

为了验证这个对有全角(比如汉字)组成的文章段落右端对齐的Bug,在这篇博文中,我采用了下面的这样的CSS样式:

阅读全文





尊重劳动,让教育回归原点 动手的乐趣,永不消失 博客山外山,原始大狂欢

左边是一副用GIMP制作的图像映像,也叫做“图像热点”,点击不同的部分,可以链接到不同的地方。博友:LICB博客GIMP:免费开源很给力;功能媲美Photoshop中,问道这个应用。我就把这个制作方法,在这里介绍一下。
首先,请看文字的说明,然后附上操作的部分截屏图像。
第一步:打开你所要制作“图像热点”的图像,格式为jpg, gif 等等通用的图像,都可以。
第二步:点击”滤镜”–>”WEB”–>”图像映像”,这样就会弹出一个窗口,在这个窗口中,可以对图像进行“矩形”,“圆形”,“多边形”的选择,然后填上需要链接的页面地址。如果喜欢,还可以在这个窗口中,加上Javascript的代码,比如鼠标移入,移走等。当这些操作结束后,将生成出“图像热点”。
第三步:生成的“图像热点”,是一个txt的文件。用文件编辑器,可以做进一步的细化。

阅读全文

网页要动起来才好看!
最初看到动起来的网页,我非常惊奇,至今仍觉得这是Web2.0最直接易懂的特征。
当然,凡事都要有度,如果动态效果过多,往往会干扰网页正文,有一阵,大家都烦那些会飘的,永远占据屏幕,赶也赶不走的动态广告。这样的结果就叫“喧宾夺主”。还有另外一种动态效果容易引起不良的用户体验,这就是一不小心,容易产生屏幕闪烁,炫目晃眼。
写博客时,很想提醒访客下次再来,特别是有了新博文放上后希望立刻有客人来访问,此所谓 “有朋自远方来,不亦乐乎?”的心情。每当此时,心中就特别想,即不打扰客人的来访,却也在无声无息之间,提醒访客做个RSS订阅 ,或者摆个广告什么的:) 。为了这个目的,希望让浮动栏跟随鼠标滚动,同时又能够做到不干扰正文的阅读,而且屏幕显示柔和不闪烁。

首先,让浮动栏窄窄地躲到最边上,这样可以不干扰正文的阅读了。目前很多网站都是这么做的。
但,屏幕的闪烁问题如何避免呢?好像大多数的网站都没有注意到这个问题。我想了一个方法,在今年六,七月间,采用JQuery,做了一个动态效果,使用至今几个月,感觉挺好。这里和大家分享一下。

先看一下结果: 请您往最右边看,再滚动滚动页面,然后等上大约5秒钟,是不是发现了一个彩色直条(浮动订阅栏)悄悄的跟随而来?是否,屏幕不闪烁,不晃眼吧?

现在让我们来看一下,屏幕不闪烁是如何做到的。
阅读全文