2009年2月28日星期六

IE 6/7 Bug: 在fieldset中隐藏legend所引发的bug

HTML:

<fieldset>
<legend>登陆</legend>
<ul>
<li><label>账号:</label><input type="text" /></li>
<li><label>密码:</label><input type="password" /></li>
</ul>
</fieldset>

CSS:

body{font-family:Arial, Helvetica, sans-serif;font-size:14px;}
fieldset, ul{margin:0;padding:0;}
li{margin:1em;list-style-type:none;}
fieldset{width:300px;border:5px solid red;}
legend{display:none;}/*隐藏legend*/
ul{border:5px solid black;}
input{width:200px;padding:2px;}

正常效果:

IE 6/7显示效果:

解决方法:

  1. 删除legend
  2. 在fieldset外套一个div,并将样式写在此div上
基于语义等因素推荐使用第二种方法。

2009-4-2补充:

fieldset与legend的bug不止这一个,最好就是在fieldset外部或内部加个div,legend中加个span,为以后的界面改动预留退路!

精简Google Reader

早先为Google Reader写了个Stylish脚本,主要更改了以下地方:

  1. 将左侧导航宽度由260px减小至200px
  2. 隐藏了Logo,搜索框,头部两侧的链接
  3. 将右侧常用按钮与标题栏合二为一
  4. 减少杂色:改变展开模式中未选中项目的边框颜色,改变左侧订阅标题鼠标滑过的背景色
  5. 去除展开模式正文处标题和内容的最大宽度限制
  6. 将展开模式正文的字体增大至14px,行高改为1.5倍行距
  7. 图片显示不了在Firefox中不会有IE中的叉叉标记,于是给图片加了个灰色边框

效果预览:

下载地址:

http://userstyles.org/styles/14058

友情提示:

您需要使用Firefox,并安装Stylish扩展(需重启),之后进入http://userstyles.org/styles/14058,点 Load into Stylish 按钮就开始安装了。

2009年2月25日星期三

彻底屏蔽垃圾短信!

垃圾短信令人抓狂,昨天一天总共收到80多条!

想起了偶的智能机N-GAGE QD,搜了一下,找到一个还不错的软件,信安易卫士,试了一下,比以前的超级短信好用些。超级短信有个自动删除功能,黑名单的短信收到后会自动删除,不过收到信息时还是会有提示音,而信安易则不会,而且可以批量从通话记录和收件箱导入,我觉得最好用的一点就是可以屏蔽任意非通讯录内的陌生短信,非常方便。

放几张图,不是我机子抓的,网上找的,不过功能都差不多: