Archive for the 'Web Frontend' Category

把小图片都集中到一张大图片中?思路新颖,但效果一般

Sunday, July 23rd, 2006

94smart说yahoo的新版网站中,有一个不错的设计,就是把很多小的图标、背景图片都存储到一张大图片中,然后用css控制显示范围来达到“使用”但张小图片的效果。乍一看很不错,但仔细分析后我觉得不见得非常实用,并且看yahoo其他的页面,也并没有广泛应用这种方式,更多的还是切割之后的小图片,集中到大图片的设计也许只是开发测试阶段的权宜之计? 实现方式大体如此(以<a class=”slideshow”为例):首先将大图片定义为背景

.more, .bullet, .audio, .video, .slideshow, .search, #minimantle li, a#editpage, a#editpage.on{

......[阅读全文]

中文排版CSS心得(实例版)

Sunday, June 25th, 2006

在csdn上看到了meidengyin的中文排版CSS心得这篇很实用的文章,就顺手把其中的css实例化了一下,方便在看说明的时候,也能够看到排版的大体效果,放到这里了,有兴趣的可以翻一翻。格式可能不是特别好,大家意会好了。 另外,由于表达注音的ruby和rt标记是ie only的,所以,严格的说我排版的文档不符合xhtml 1.0 strict标准,因为这两个w3c不认识的标记。 Close this WindowBookmark and Share This Page Save to Browser FavoritesAskbackflipblinklistBlogBookmarkBloglinesBlogMarksBlogsvineBUMPzee!CiteULikeco.mmentsConnoteadel.icio.usDotNetKicksDiggdiigodropjack.comdzoneFacebookFarkFavesFeed Me LinksFriendsitefolkd.comFurlGoogleHuggJeqqKaboodlelinkaGoGoLinksMarkerMa.gnoliaMister WongMixxMySpaceMyWebNetvouzNewsvinePlugIMpopcurrentPropellerRedditRojoSegnaloShoutwireSimpysk*rtSlashdotSphereSphinnSpurl.netSquidooStumbleUponTechnoratiThisNextWebrideWindows LiveYahoo!Email This to a FriendCopy HTML: If you like this then please subscribe to the RSS feed.Powered by Bookmarkify™ [...]

[Js]如何取鼠标的当前位置/坐标

Saturday, December 24th, 2005

一般在Javascript中,我们用event.clientX来取当前鼠标在文档中的坐标,用event.ScreenX来去当前鼠标在屏幕中的坐标。但是,在Mozilla系列浏览器中,直接使用event是不行的,会提示说event没有定义,因此在Mozilla或Firefox中调用时,需要变通一下。 在调用函数的时候,始终传一个event参数进去,在Mozilla中,会将Event对象传进去,而在IE下默认就有Event对象,也不冲突,这个问题就解决了。 以下这个例子就能够在IE和Mozilla中都正常运行。

......[阅读全文]

Tags: , ,

W3C的css-validator和UTF-8文档的BOM冲突

Friday, December 9th, 2005

css-validator是W3C提供的一个工具,用于检查CSS的有效性,是个不错的工具,同样的还有W3C Markup Validation Service,用于检查html、xhtml等文档的格式有效性。 但是在检查一篇文档的时候出现了问题,文档是UTF-8编码,XHTML 1.0 Strict检查已通过,CSS代码采用直接使用“<style type=”text/css”>”写在文档中的方式。在使用css-validator检查的时候出现如下错误:

Target: http://www.fwolf.com/tools/ogame_construction_resource_computer.php

......[阅读全文]

div的居中和自适应包含的浮动层的大小

Monday, July 4th, 2005

div中内容的居中可以使用 text-align: center; 但这对div本身不起作用,对内部嵌套的div也不起作用,在W3CN的捷足先登学用CSS:HTML结构化中查到,原来div自身的水平居中可以使用 margin-right: auto;

......[阅读全文]