指定下拉列表在firefox中的宽度

Posted on 十一月 21, 2008 by admin

很多时候由于下拉框的长度过长,我们会指字它的宽度,截取掉超长部分后面的内容.

在IE下,我们只要指定select的宽度即可.如:

1
2
3
4
5
6
7

<select name="ddlDept" id="ddlDept" style="width:80px;">
<option>上海 - 物业资讯部</option>
<option>北京 - 物业资讯部</option>
<option>重庆 - 物业资讯部</option>
<option>深圳资讯科技部</option>
<option>电脑部</option>
</select>

其实在firefox下面也很简单,使用如下方法即可.

1
2
3
4
5
6
7

<select name="ddlDept" id="ddlDept" style="width:80px;overflow-x:hidden;">
<option style="width:80px;overflow-x:hidden;">上海 - 物业资讯部</option>
<option style="width:80px;overflow-x:hidden;">北京 - 物业资讯部</option>
<option style="width:80px;overflow-x:hidden;">重庆 - 物业资讯部</option>
<option style="width:80px;overflow-x:hidden;">深圳资讯科技部</option>
<option style="width:80px;overflow-x:hidden;">电脑部</option>
</select>

可以简写为如下:

1
2
3
4
5
6
7
8
9
10
11

<style type="text/css">
#ddlDept{width:80px;overflow-x:hidden;}
#ddlDept option{width:80px;overflow-x:hidden;}
</style>
<select name="ddlDept" id="ddlDept">
<option>上海 - 物业资讯部</option>
<option>北京 - 物业资讯部</option>
<option>重庆 - 物业资讯部</option>
<option>深圳资讯科技部</option>
<option>电脑部</option>
</select>
Posted in CSS/XHTML | Tagged , | Leave a comment

Web软件易用性测试的几种方法

Posted on 十一月 21, 2008 by admin

有效挖掘软件的用户体验,并且找到任何遗留的基于实现模型的问题的最佳方式就是做测试.
缺失浏览器测试
从自身网站上迅速得到反馈的一个很正确的方式就是缺失浏览器测试(browserless self-test).也就是脱离浏览器上的若干功能进行测试.你只需要去掉浏览器中的前进和后退按钮,地址栏,刷新按钮,收藏夹等.该方法通过浏览器自 测来强迫你检验网站的组织来帮助支持用户的心智模型.如果你的网站不达标,那就说明其组织结构存在问题.

5秒钟测试
列出需要清晰和简明的页面或者应用,可以在浏览器中全部预先打开或者全部打印出来.给用户看不同的界面,每次一张,持续5秒钟,并让他们记下所看到的一切内容.

访谈测试
单独约见用户,指定他们完成你指定的各类任务,聆听用户对该软件的满意度,大致能清楚用户的理解程度,当然还会碰到许多你意想不到的事情.

招募测试者

实境可用性测试
和访谈测试有点类似,不过这一个是偷偷进行的,用户并不知道你正在记录这一切.

使用你自己的产品(Eat your own dog food.)
意思就是像客户那样忠诚地用用自己的产品,这是一个很简单的道理.也是最有效的软件测试方法.
推荐大家多使用这一个方法.

摘自:《一目了然》Web显性设计之路

Posted in Web UI | Tagged , , | Leave a comment

Firefox下tr行高不能为1px

Posted on 十一月 21, 2008 by admin

  今天整理一个以前留下来的旧项目,该项目也必须兼容firefox.发现一个很奇怪的现象,tr里面所有的td的行高明明已经设置为 1px了.但在firefox下出来的效果就是4,5个px. 不管是用 style 还是直接用td 的 height都一样.但在IE中却是完全正确的.最后发现 table 加了 cellpadding=”3″ 这一个属性.原因找到就好办了,直接把行高为1px的行里的td全部都加上样式:

style="padding:0; height:1px;"

完整代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<table width="100%" border="0" cellpadding="3" cellspacing="0">
  <tr bgcolor="#ffffff">
    <td height="20"><strong><font color="#000066">姓名</font></strong></td>
    <td><strong><font color="#000066">昵称</font></strong></td>
    <td><strong><font color="#000066">职位</font></strong></td>
  </tr>
  <tr>
    <td height="1" colspan="3" bgcolor="#000000" style="padding:0px">
      <div align="right"></div></td>
  </tr>
 
  <tr bgcolor="#FFFFFF">
    <td>小肥妹</td>
    <td>MM </td>
    <td>营业助理</td>
  </tr>
  <tr>
    <td style="padding:0;height:1px"></td>
    <td style="padding:0;height:1px"></td>
    <td style="padding:0;height:1px"></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>小胖哥</td>
    <td>GG </td>
    <td>经理</td>
  </tr>
  <tr>
    <td style="padding:0;height:1px"></td>
    <td style="padding:0;height:1px"></td>
    <td style="padding:0;height:1px"></td>
  </tr>
</table>
Posted in CSS/XHTML | Tagged , | Leave a comment

VS2008调试(运行)无法启动程序

Posted on 十一月 21, 2008 by admin

前几天刚刚换了个vista操作系统,只装了一个VS2008.一直运行得好好的,今天突然点击调试的时候出现:
无法启动程序 “http://localhost/xxx不能调试”.系统找不到指定的文件. 如下图:

一直在google找了很久,原来是我安装了绿色版的IE6后又卸载后造成VS2008找不到浏览器.
温馨提示:绿色版的IE6在Vista下面不能运行.

解决办法,将下面的内容写在记事本内,并别存为 fixie.reg ,双击运行即可修复(也可以手工更改注册表).

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\App Paths\iexplore.exe]
@=”C:\\Program Files\\Internet Explorer\\iexplore.exe”
Posted in ASP.NET | Tagged , , | Leave a comment

FatJames博客所用到的WordPress插件

Posted on 十一月 21, 2008 by admin

在这里会列出所有本站的使用到的插件及皮肤.
1,wp-syntax
http://wordpress.org/extend/plugins/wp-syntax/
支持的语言如下:
abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm, asp, autoit, bash, blitzbasic, bnf, boo, c, cmac, caddcl, cadlisp, cil, cfdg, cfm, cobol, cpp-qt, cpp, csharp, css, d, delphi, diff, div, dos, dot, eiffel, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, html4strict, idl, ini, inno, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, lotusformulas, lotusscript, lua, m68k, matlab, mirc, mpasm, mxml, mysql, nsis, objc, ocaml-brief, ocaml, oobas, oracle8, pascal, per, pic16, perl, php-brief, php, plsql, povray, powershell, progress, python, qbasic, rails, reg, robots, ruby, sas, scala, scheme, sdlbasic, smalltalk, smarty, sql, tcl, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, visualfoxpro, winbatch, xml, xorg_conf, xpp, z80

2,inove Theme
http://www.neoease.com/inove/

3,wp-postviews
http://lesterchan.net/wordpress/readme/wp-postviews.html

4,anti-spam
http://www.theblog.ca/anti-spam

Posted in 网站应用 | Tagged | 4 Comments