2007年11月10日 AM 02:26 | 作者：愆伏
今天早上发现原本测试正常的search首页中有一段链接文字产生了下沉。如图
发现该链接中含有英文，估计是字体问题。问了一下同事，说给个line-height看看。改后，发现无效果。
google之，也没有发现很好的解决方案。
最后我的处理方案：将此段文字的font-family全部设置为"宋体"。这样解决了文字下沉的问题，但是对于英文文字的显示并不友好。即便关键词出现英文的几率并不高，但作为一个完美主义者，对这样的结果我并不满意。
如果谁有比较好的方案，欢迎探讨。
分类：互联网产品设计 | 评论(3)
2007年07月13日 PM 51:10 | 作者：愆伏
原文：A CSS sticky footer
作者：Ryan Fait
我E文不好，不过代码看的懂
该文实现粘性居底的核心方法，就是负margin
先用一个容器wrapper包住除footer以外的内容
将wrapper的高度设置为100%,再用负的margin空出footer高度
如此实际wrapper的高度应等于100%-footer.height
效果达成
作者在HTML中加了一个和footer一样高度的push容器
没理解什么意思，可能是用来hack的。谁知道的话，我们探讨一下
把代码贴上
HTML:
- <html>
- <head>
- <link rel="stylesheet" href="layout.css" ... />
- </head>
- <body>
- <div class="wrapper">
- <p>Your website content here.</p>
- <div class="push"></div>
- </div>
- <div class="footer">
- <p>Copyright (c) 2008</p>
- </div>
- </body>
- </html>
CSS:
- * {
- margin: 0;
- }
- html, body {
- height: 100%;
- }
- .wrapper {
- min-height: 100%;
- height: auto !important;
- height: 100%;margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
- }
- .footer, .push {
- height: 4em; /* .push must be the same height as .footer */
- }
分类：互联网产品设计 | 评论(1)
2007年05月14日 PM 01:33 | 作者：愆伏
效果演示
无聊的时候写了个小玩意
代码比较乱，也懒的整理了
思路：
-利用clip属性对div进行裁剪，从而模拟效果
使用方法：
-在文本框内输入文字
-点击“生成”按钮
-将文本区域内生成的代码拷贝到网页编辑器内即可使用
注意点：
-clip作用的对象必须是绝对定位
-该对象必须有父容器
分类：互联网产品设计 | 没有评论
2006年12月10日 AM 40:29 | 作者：愆伏
首先问从事网页设计的各位朋友一个问题：
你们平时是如何创建html文档的呢？
我一般是这样(图1)
然后将该文件的扩展名改.htm或.html
这样做的原因主要是因为自己机器配置本来就不高，又开了一些应用程序，此时如果打开一个IDE是相当的缓慢。
新建一个htm常常只是为了测试一个小效果，试完也就删了，用不着打开庞大的IDE。
可是如果每次都这样新建文本文档再改名确实很不方便，而且一些固定的html元素还需要自己手动撰写。
那能不能像新建word文档那样，直接建立一个空的word文件呢？
当然可以！
1、首先为html和css文件各创建一个空白模板。 狂点我下载。并将其拷贝到系统的ShellNew文件夹下，如
查看全文 »
分类：互联网产品设计 | 评论(1)
2006年08月3日 PM 40:50 | 作者：愆伏
工作中经常碰到一些由于排版问题而无法显示完整的标题
如:
- 这是一条新闻啊啊啊啊…
- 这是一条新闻啊啊啊啊…
- 这是一条新闻啊啊
最近正好遇到相关问题,总结出以下解决方法
CSS:以前就用过,效果一般,仅ie6支持
<style>div{width:100px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}</style>
<div>我有多长我有多长我有多长我有多长我有多长我有多长</div>
<div>我有多长我有多长我有多长我有多长我有多长我有多长</div>
<div>我有多长我有多长我有多长我有多长我有多长我有多长</div>
javascript::今天上班时候搞的,原来js有substring啊
查看全文 »
分类：互联网产品设计 | 没有评论
2006年05月7日 PM 09:45 | 作者：愆伏
之前看过一篇《CSS的Expression，尚难拥抱》 ，揣测这东东一定不太好用。最近又看到有关的东西，记录下来就当学习吧。
定义
引用自
IE5及其以后版本支持在
CSS中使用
expression，用来把
CSS属性和Javas cript表达式关联起来，这里的
CSS属性可以是元素固有的属性，也可以是自定义属性。就是说
CSS属性后面可以是一段Javas cript表达式，
CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
查看全文 »
分类：互联网产品设计 | 没有评论
狂点我下载。并将其拷贝到系统的ShellNew文件夹下，如