Page42 of 42 1 40 41 42
20 01 2009

OOXX.ME PLZ 主题分享

#bigCat.WordPress(" for Comments = 11 ")

话说有N多同学想要这款主题\r\n大猫老师就整理下搞出来鸟\r\n基于aRui同学的墙围花v1制作\r\n喜欢原汁原味的可以去下载他的版本\r\n偶的版本变动比较大\r\n1.增加widgets支持\r\n2.footer部分调用google提供具有CDN的jquery框架\r\n3.增加loading\r\n4.菜单样式调整\r\n5.代码规范化调整\r\n6.增加一些乱七八糟的东西\r\n7.兼容各大浏览器\r\n\r\nbugs:\r\nie8下面菜单栏hover状态无背景色...暂时不解决\r\n Read this.entry.rest »

7 01 2009

[搞定]xhtml1-strict.dtd下图片和div之间的莫名4px

#bigCat.CSS(" for Comments = 12 ")

strict-img-div-space为了洁身自好,写页面都基于Strict.dtd\r\n但遇到个奇怪的问题,不是IE的3px bug,而是Firefox和IE7/8浏览器通用的4px莫名间隔...(6居然正常)\r\n\r\n如图所示\r\ndiv里的img下面莫名多了4px\r\n\r\n

\r\n
\r\n \r\n
\r\n

\r\n\r\n也不知道为什么会这样...\r\n解决方法和解决IE3px bug一样\r\n\r\n

\r\nimg {\r\n	vertical-align:middle;\r\n	display:block;\r\n}\r\n

\r\n\r\n上面俩样式二选一即可\r\n\r\n有高人解释否?\r\n\r\n\r\n\r\n\r\n\r\n

感谢soda同学的指点:\r\n在firefox下确切的说是3.5px,可以用firebug查看一下computed style,Box Model的height属性相应的增加了3.5px.\r\nvertical-align,font-size,line-height属于line-box布局元素的属性加载直接包含img的父容器上,都可以避免3.5px的出现.\r\n同效,而将img的display属性设置为block是将ling-box布局的元素直接转换为block box布局的元素.\r\nimg在html中应该属于replaced element,所谓replaced element也就是说内容并不属于文档(document)的一部分,而是相应的会使用外部文件替换此节点,可能和这个有关系,没有深究,我再看看相关的文档.\r\n考虑一下:\r\nvertical-align:middle;font-size:0;line-height的值<=10时空白是不存在的.\r\n变更一下font-size值或者line-height值,看一下box module的height变化,\r\nfirefox默认的font-size:16px;line-height:18px;\r\n另外safari,opera出现的空白值为2px,chrome下没有空白.\r\n可能和系统字体设置有关.也可能和渲染方式有关.\r\n

24 12 2008

Hello world!.

#bigCat.NoteBook(" for Comments = 13 ")

alert("hello world");\r\n\r\nthis.feed="http://feed.code.sh/";\r\n\r\nreturn welcome\r\n\r\n

Page42 of 42 1 40 41 42
Host: (miao) | Word: Press | Code: HTML5