[js+css]图片自动等比例缩小且垂直居中[v20071208]

前言:这是篇老文,忽然发现在换blog系统的时候,竟然没有转过来,现在补上。

图片自动等比例缩小,其实如果不考虑ie6的话,用css就可以实现,设定img的max-width和max-height,而img标签内不设定widht和height即可。

ie7已经支持max-width和max-height,这是为数不多的好消息之一。但是对于ie6及以前的版本,就只能用js来设置了。

…阅读全文…

IE7-/Win: 在浮动元素后的定义了“position:absolute”的元素框可能会消失[翻译]

原文:IE7-/Win: A box with position:absolute next to a float may disappear

很久以前就看过这篇文章,当时写实例的时候正好遇到了这个问题。前几日再次看到这篇文章,就系统地翻译了一下。

另外增加了部分截图,方便阅读。

非技术性文字部分,就大概齐了,别在意那里。

IE7-/Win: 在浮动元素后的定义了“position:absolute”的元素框可能会消失[翻译]

可能要感冒

2009年4月17日 星期五 16:32:26

屋子里依旧寒冷,而我有了感冒的先兆。

昨天陪老妈去逛了百荣,太大了,走的脚疼。

…阅读全文…

元素类型

元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如<div>和<span>就不同,而<strong>和<p>也不一样。在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一。

…阅读全文…

标示当前位置的导航

利用CSS在导航条上标示当前所在频道的技术,已经有很长时间了,在很多CSS的书中都介绍过,不过还是总被问到,因此写一个简单的示例来讲解一下。

其实原理非常简单:

…阅读全文…

[CSS+js]图片展示效果

本例对于完全支持:hover伪类的浏览器来说,只需要CSS即可,但是同以前做的一些效果一样,还是需要JS来应付史前怪兽IE 6。

关于这个js文件,请参阅:《JS解决IE 6不支持:hover伪类的简单方法

…阅读全文…

JS解决IE 6不支持:hover伪类的简单方法

css2中规定,:hover伪类可以应用在全部元素上,而ie6只支持<a>的伪类,因此对于ie6需要使用js,而ie7/ff/op/sa直接定义:hover即可。

…阅读全文…

[CSS+JS]同一页面可以重复使用的选项卡

“选项卡”经常会被混同为“滑动门”,滑动门只是一种背景自适应内容的实现方法,不只可以应用在导航菜单,一样也可以应用在其他地方。例如选项卡中就可以使用这种技术。

“选项卡”一般和JavaScirpt及Ajax结合使用,以达到节约版面、无刷新页面更新信息、以及一些比较好的视觉效果。一般的选项卡都需要JavaScript程序来配合,完成切换的效果。

…阅读全文…

网站内容结构化探讨[2]–主导航的问题

结构化确实是个让人头疼的工作。为了追求一个好的结构(或者说比较好的),往往需要花费掉很多时间,这在追求效率的今天,也许是不被老板允许的。所以很多网站虽然看上去抛弃了表格布局,而其实质上,仍然是表格布局的div变种。

看过本文第1部分中笔者修改过的头部结构示例文件,大家会发现,里面不仅改动了所说的4点,同时,具体内容的结构也作了修改,下面就来说说具体的内容结构方面。

…阅读全文…

网站内容结构化探讨[1]–头部的结构化

本文不是纯教程而是希望大家一起来讨论,我所给出的,只是我的某个时间的某种思维结果,也许过几天,我会推翻这个结果,所以希望大家能一起思考一起讨论,这样才会有进步!

无意间浏览到一个承接网页制作的公司的网站――唐宋中国

首先网站的设计给我一个很好的印象,因此特意留意了一下它的源代码(做页面的职业病),结果发现了一些问题,而这些问题,可能正好是学习web标准的人常常会遇到的。

…阅读全文…