2007年04月15日

新建一个简单的HTML测试文件,下面来测试ul li标签

引用
<ul>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
</ul>

测试一,定义css为如下代码,效果如下

引用
body{font-size:12px;margin:0}
ul{list-style:none;margin:0;padding:0;width:120px;}
ul li{background:green;height:20px;}
ul li a{color:#fff;padding:0 0 0 10px;}

发现在IE5和IE5.5下左边都产生了空白,并且在IE5下,LI之间的行距产生空白,如下图
uploads/200704/13_011917_snap3.gif

测试二,定义css为如下代码,

引用
body{font-size:12px;margin:0}
ul{list-style:none;margin:0;padding:0;}
ul li{background:green;height:20px;width:120px;}
ul li a{color:#fff;padding:0 0 0 10px;}

和测试一相比,只是将width:120px;从ul的定义放置到li的定义,解决了IE5和IE5.5左边产生空白的问题,而IE5的li之间的间距还是有,如下图
uploads/200704/13_012050_snap2.gif

测试三,定义css为如下代码,(最佳写法)

引用
body{font-size:12px;margin:0}
ul{list-style:none;margin:0;padding:0;}
ul li{background:green;height:20px;width:120px;vertical-align: bottom;}
ul li a{color:#fff;padding:0 0 0 10px;}

和测试二比较,在li的定义中加上vertical-align: bottom;ie5下正常,li之间的空白行距消失了,取得各个浏览器的效果一样,如下图
uploads/200704/13_012538_snap1.gif

总结
1.解决li在IE5下产生空白行距的方法:如果li定义了宽度,那么需要在li里面再定义vertical-align: bottom;
2.宽度最好不要定义在UL,定义在LI或者UL外层的DIV里面
3. 书写LI的最佳方式,li里面要书写高度和宽度,以及vertical-align: bottom;(for ie5/win bug),或者在ul外面加上一层div,并定义宽度,那么在li里面不用定义宽度和vertical-align: bottom;,也显示正常(IE5下不会产生空白行距),不过高度还是要定义一下的。

2007年04月12日

网页设计师

必须条件:
1.有良好的设计理念及色彩感觉
2.良好的沟通领悟能力
3.能承受工作压力,具备团队精神

其他条件:具备以下任何3条即可
1.精通photoshop,illustrator等
2.熟悉web标准,能使用div+css设计网页,手写html代码
3.精通flash动画制作
4.精通javascript或者ajax交互设计
5.了解一门编程语言。

加分条件:
1.手绘能力强者优先
2.有平面广告设计经验者优先
3.有个人站点及作品展现者优先

补充条件:
如果你对网页设计有浓厚的兴趣,以及有一定的基础,并有信心在这个领域做的很出色,那么265设计部欢迎你来实习,与我们共同提高成长。
应届毕业生优先

有兴趣的朋友可以发邮件给我
dodoing@gmail.com
谢谢
265上网导航 — www.265.com

2007年04月03日

工作需要,我的X60S上装了IE5.0,IE5.5的绿色版,IE6以及FIREFOX2和OPERA9的绿色版,用来调试网页
今天为了测试页面在IE7下的效果,去网上找了找IE7和IE6共存的办法,并把IE7英文版整理打包在一起
据说IE7的基本功能都有了,还有一些小BUG,就用来看网页,到没什么大影响,主浏览器还是firefox和IE6
英文原文:http://tredosoft.com/IE7_standalone
注意:不要偷懒,直接解压缩放在桌面上,最好在别的盘里面,然后看里面的说明文件,一个文件自动安装。
我的系统是Windows XP SP2  
下载链接:下载
截图如下:

update:
ie5+ie5.5 绿色版本的下载地址。6M左右
http://www.iqoo.com/ie5+5.5.rar