一种后遗症比较多的多列自动对齐

在执行同一容器里的两列或者多列,不定高自动对齐的时候,最好的办法是使用JS。

下边这个方法虽然没使用JS完成了,但是后遗症比较多,不推荐使用。

仅仅是明白就好了。偶尔在不复杂的页面里可以用用。

Read the rest of this entry »

收集两种垂直居中的代码

分两套看
holder的 display:table
holder div的 display:table-cell; vertical-align:middle;
就可以实现在ff,safari和opera下的垂直居中,但是对ie系列无效
holder的 position:relative;
holder div的 *position:absolute; top:50%; left:0;
.holder p的 position: relative; top:-50%;
通过控制绝对层的位置实现ie6,7下的垂直居中
holder div中的*position:absolute是只给ie6和7看的css hack
对于水平居中要说的是如果holder div的width如果未指明100%,在ie7中它是不会自动延伸100%的,也就无法实现水平居中 Read the rest of this entry »

firefox中实现英文自动换行

firefox中实现英文自动换行,保存一下代码。 Read the rest of this entry »

用TAOBAO的方法隐藏多余的线条

偶然的看到了TAOBAO UED团队的BLOG,在上面看到了篇文章,说的是怎么隐藏导航最后一项的竖线

1、类目之间的横竖线

03.jpg

从很久很久以前开始,类目间的竖线无非都只有三种。

1、背景图

在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。

缺点:最后一个还是要用class来隐藏掉背景。

Read the rest of this entry »

我要彻底抛弃IE5系列了!我崩溃了!

我要彻底抛弃IE5系列了!我崩溃了!我TMD再也不调试它们了,我快被他们玩死了。谁爱兼容谁兼容去吧!

主啊,宽恕我吧!

css制作表单

对于表单,很常用。但是在web standard建站的时候,他的排版往往让人遗忘,到了真正用到的时候就发现让人头疼,当然我也遇到过。我现在要介绍一个用< fieldset >< label >标签制作漂亮而且具体亲和力的表单的方法。

基本的xhtml

  1. <h3>已注册用户登录</h3> <a href="http://www.caihong.cc/?p=25#more-25" class="more-link">Read the rest of this entry &raquo;</a>

收集的一些reset CSS

Eric 应该是CSS的专家,css权威指南的作者,下面是他更新的reset css

  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, font, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt, var,
  6. b, u, i, center,
  7. dl, dt, dd, ol, ul, li,
  8. fieldset, form, label, legend,
  9. table, caption, tbody, tfoot, thead, tr, th, td {
  10.  <a href="http://www.caihong.cc/?p=24#more-24" class="more-link">Read the rest of this entry &raquo;</a>

条件注释

下面是条件注释的语法

  1. gt /Greater than/大于/<!--[if gt IE 5.5]>
  2. gte /Greater than or equal to/大于等于/<!--[if gte IE 5.5]>
  3. lt /Less than/小于/<!--[if lt IE 5.5]>
  4. lte /Less than or equal to/小于等于/<!--[if lte IE 5.5]>
  5. ! /Note/不等于/<!--[if !IE 5.5]>

浏览器的条件注释理论,用下面一段例子来解释这个问题

(X)HTML

下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果

Read the rest of this entry »

W3C对外公布了标准HTML5的草案

周二,W3C机构正式对外公布了互联网网页代码新标准HTML5的草案.预计正式版的标准将会在两年以后形成.

HTML可以说是互联网信息组织的一个基石.据悉,这是自从1997年以来对于HTML标准最为重大的一次升级. 之前的标准是HTML4.0.

新版的HTML标准提供了绘制二维图片的接口,此外可以对音频和视频内容进行更多的控制.这一次发布的只是HTML5标准的草案,据悉,最终版的标准将会在2010年制定完成,只有在届时才能够获得更多浏览器厂商的支持.

Read the rest of this entry »

JS模拟滑动条的实例

在构架VONE的时候,需要用到滑动条来控制软件的透明度以及文字速度,这些本来是其他WIN编程的事情,但是由于前台必须由HTML完成,所以结合一些网上的资料做出了这样的滑动控制条。

Read the rest of this entry »