兼容并受

DIV到Flash上面去！

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','980','height','590','src','MainMC','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','MainMC','wmode','transparent' );

提示：你可以先修改部分代码再运行。

网上其他的什么pame之类的透明的统统不起作用，或者是版本问题或者是其他问题。

2009年1月21日11:03

分类: web标准化

标签: div >, Flash, flash遮盖div

737 views | 2 条评论

使用display:table来做三列等高

在蓝色理想标准化论坛上看到的三列等高的讨论，很强悍的老大做的，点击这里查看

看得我迷迷糊糊。突然想起来有一个以前用过display:table来做一个自适应高度的，自己到新公司面试也用的display:table，就想可以用这个来实现吧，于是早上就做了一个这个出来。

仅供参考，肯定有不足

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>三列等高，display:table</title> <style> body{ font:normal 12px verdana; color:#333; margin:0; padding:0} .header, .footer{ width:900px; margin:10px auto; background:#f2f2f2; border:1px solid #ccc; text-align:center; font:bold 24px} #wrapper{ width:900px; display:table; height:600px; margin:0 auto; background:#003399} .main{ height:600px; display:table-row; background:#ccc} .left, .right{ width:180px; display:table-cell; height:560px; float:left; margin:10px; background:#0066FF; display:inline} .right{ float:right} .center{ width:480px; height:560px; margin:10px auto; display:table-cell; background:#99FF00; display:block} </style> </head> <body> <div class="header">Header</div> <div id="wrapper"> <div class="main"> <div class="left">left</div> <div class="right">right</div> <div class="center">center</div> </div> </div> <div class="header">Footer</div> </body> </html>

提示：你可以先修改部分代码再运行。

阅读全文…

2009年1月4日15:24

分类: web标准化

标签: display:table, 三列等高

670 views | 1 条评论

使用dl dt dd更方便的做列表

dl 内容块
dt 内容块的标题
dd 内容
以这么写：

提示：你可以先修改部分代码再运行。

阅读全文…

2009年1月4日14:53

分类: web标准化

标签: dl dt dd, 列表

546 views | 没有评论

一个div获取另外一个div宽度的写法

使用expression。

以前曾经有同事的机器因为这个expression导致浏览器速度爆卡，不过不用脚本实现这是最简单的办法了

从蓝色经典论坛摘录

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css">  </style> </head> <body> <div id="mm"> <div id="a"> <div id="b"></div> <div id="c">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> <div id="d"></div> </div> </div> </body> </html>

提示：你可以先修改部分代码再运行。

2008年12月30日15:24

分类: web标准化

标签:

411 views | 没有评论

ie6最小宽度最简单的写法

今天碰到了这个讨厌的问题，真是服了ie6了，这个老顽固

在网上搜了半天才找到了最精简的办法

div{ min-width:100px; _width:100px; _white-space: nowrap; background:#666 } ie8最好赶快出来！王者之作。

提示：你可以先修改部分代码再运行。

2008年12月30日15:21

分类: web标准化

标签:

687 views | 没有评论

商业网站正确的时间书写格式

月-日-年

没错，年是要放在最后面，没人希望还看到去年的行情，so，客户以往的经验也告诉他不是去年的或者大前年的行情，而是今年的。

月请使用全写，如果是中文就写一月二月这样的格式；如果是英文就是may之类的缩写。

日自然不用说，直接最自然的写法就好了。

2008年12月29日21:55

分类: 用户体验与互动

标签: 添加新标签

580 views | 没有评论

50个注册的表单。有一些很值得看一下，值得学习。

浏览地址在这里：点击浏览

我最喜欢着一个：

可以点击缩略图查看大图

这一个结构很清晰，并且每一项的名称都很清晰，提示简单易读，浏览者会喜欢这样干脆利落的注册流程，只要使用tab键就能快速的进入下一项，真是舒服。

2008年12月21日09:22

分类: 用户体验与互动

标签:

476 views | 1 条评论

兼容并受

DIV到Flash上面去！

使用display:table来做三列等高

使用dl dt dd更方便的做列表

一个div获取另外一个div宽度的写法

ie6最小宽度最简单的写法

商业网站正确的时间书写格式

50个注册的表单。有一些很值得看一下，值得学习。

分类目录

最近文章

一堆标签

链接

Bookmarks