IWC.CHE~*: 二月 2009

星期日, 二月 15, 2009 0

练习：垂直居中问题


.middle{
display:table-cell;
vertical-align:middle;
height:700px;
*position: relative;

}
.middle div{
*position:absolute;
*top:50%;
}
.middle div div{
*position:relative;
*top:-50%;
}

标准浏览器用table-cell，IE用位置偏移；

常用到的IE-hack：

.middle{ background-color:yellow;/*标准浏览器*/ *background-color:black;/*所有IE浏览器*/ #background-color:white;/*IE7*/ _background-color:red;/*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+15 : document.body.scrollTop + (document.body.clientHeight -this.clientHeight));/*IE6expression支持fixed*/}

星期六, 二月 14, 2009 0

CSS 笔记2

昨晚看了一本用来很多CSS ZEND graden的书。顺便复习些东西：

margin:水平相加，垂直塌陷（float可以解决）
absolute 相对祖先，fixed相对浏览器（IE6 不支持）
line-height:1.5倍font-size，但是要注意内部的继承
font：12px/18px(line-height) Arial 简写法;
相对于italic，oblique才是真正的倾斜（window不支持）
text-indent:2em 中文段首缩进
垂直对齐：
- 单行：height=line-height=em ,over-flow: hidden ;
- 多行： padding-bottom=padding-top 容器非固定高度
水平居中：margin:0 auto
垂直居中：line-height:14em 留0.2em空白（height：竖直方向靠上对齐）
表格样式：double>solid>dashed>dotted>ridge>outset>groove>inset
white-space:nowrap 禁止内部折行
IE6滤镜支持32位和24位（无透明）png同时确定宽度和高度
IE67不支持border-spacing

a链接IE:无自动伸展，只根据文字大小调整；IE6想做block-hover=>height:1em,只有a有hover；

a链接firefox：自动伸展，不支持设定的宽度或高度

星期四, 二月 12, 2009 1

啊！终于回来啦～

每天挂念的人突然回来了会是什么样的感觉呢？
突然很兴奋，很开心，突然很紧张，是不是根本就不想她回来呢？
我不知道，我选择等等等，忍耐，more patience，到麻木
突然发现自己还是个禁欲主义者，抑压着自己的感情，控制一切。
好恐怖的人啊。
you r monster！

Peter Paul Rubens:
An Angel Gives Bread and Water to Elijah
oil on panel, 1625-28
Musée Bonat, Bayonne

星期二, 二月 10, 2009 2

帮个Blog加左代码显示

帮个Blog加左代码显示，看起来不错哦，挺搭个blog，顺便找了个有趣的东西：

the blogger decoder
Get your blogger code here, because everybody gotta have a blog code.

My blogger code is:[ B1 d t- k s- u-- f i o+ x- e+ l+ c ](decode it!)

星期一, 二月 09, 2009 0

SHOW 下D 旧野

HARRYPOTTER：第一次做Flash，原本可以做得跟好的，完全是我懒惰的错。

大学计算机应用基础光盘:这次是马虎的错了，没钱收到的（其实本来就是没钱）

精品课程网站：这个赚了八百，惭愧惭愧啊，突然有点心虚，再努力可以拿奖的了啊～

商业网站：做得很个人，开始学PHP，第一个做给人家的作品，老板很鼓励我，可是最近很少联系了

呵呵,图片有问题,以后在修改啦

星期日, 二月 08, 2009 0

呵呵找了个免费的1G空间（非商业服务）

http://www.5944.net/

号称全中国最好的动态免费空间，全面支持asp php .net sql……

不过我倒没看到Mysql 的影子，系统还是有点落后，帮助都没有，新野就要快d试下啦，不然就走宝了。最近在学ZendFramework 很想试试的欲望开始实现了。

ps：Blogger装上了Prototype & Scriptaculous 以后有得叹了；

Add LightBox2.0 to this blog

Try Zoundry Raven

it wast of all day time to fix it! at the end i use Tor .

model: RYO UEHARA

photographer:HIROYOSHI SAIKI

CSS 笔记《无懈可击的WEB设计》

1.5倍关键字small smaller……
em=>parent
ex=>"x"
pc=>12 pointe

Box Model Hack

only for IE5/win:


body{
/*for IE5/win */
voice-family:"\"}\"";
voice-family: inherit;
/*for compliant browsers*/
}

not for IE5/win but other IE/win:
f\ont-size: 12px;

/* Hide from IE5/Mac \*/
*html xxx{} //only for IE/Win
/* End hide from IE5/Mac */

百分比嵌套：100%*80%=8%

背景图片垂直居中（not TRuBLe)
background:url('aaa.gif') no-repeat 0 50%;

Floats

display:inline 解决正确显示margin IE/Win
fix IE/Win double margin bug
fix IE/Mac 给固定的宽度

table去框架


<table cellsepacing="0">
or
border-collaspe:collapse;

尝试display:block 取代
换行

gutter 文本栏间距

浮动里百分数无法与Px相减

Clear Float
IE/mac
display:inline-table;//消除对象内部浮动对象的影响；

self-Clearning


element:after{
content:".";
display:block;
height:0;
clear:both;
visiblity:hidden;
}

Holly Hack


/* hide from IE/Mac \*/
* html 浮动对象的父对象{height:1%}
/* End from IE/Mac */

星期三, 二月 04, 2009 0

PDT代码提示的问题

---最近在啃《Practical web2.0 Applications with PHP》,发现老外很奇怪的文档安排，所有类(放在include里）啊，设置data啊，log啦都放到别的文件夹，整个project只有一个htdocs文件夹对外开放。果然厉害～问题就出现了，都唔记得上次点整出两个相同的代码提示内容，今次竟然唔见做代码提示，CtrlB几次都无出现。
一没左代码提示就周身唔舒服，搞左半日终于发现其实貌似挺简单的。
首先PDT本身就需要代码写清楚注释，PhpDoc
/**Class name or Function do 4 what?
* @retrun
*/
接着就是引用的问题。因为是用ZendFRAMEWORK，所以另外放一个地方，问题出现在project的设置啦，因为愚笨，把整个文件夹全放在project里，include_path又引用project里的include文件夹。我觉得就是呢度有问题，我解决的办法是除了htdocs，其他都用include_path包养，哈哈，你重唔出来～----------问题没解决！！
include_path里的东西全都是readOnly啊～～～重新装过个PDT，结果还是直接重装2.0算是解决了吧！
应该仲有更好的方法的。