正在载入……

{ I am SOHO:Researching in Design Pattern and Human-Computer Interaction. }本站放弃对IE6的支持,抛弃一切该抛弃的东西

今日英语"Quick launch, fast iteration" -Google

关于css中最小高度及最小宽度的问题

css中有个属性min-width及min-height,而这两个属性值对块元素起作用或定义显示为块的使用css的display:block,而min-width也只有在块元素浮左而不是自动填充整个宽度时候才起作用例如div要设置float:left或者right。
由于IE6无法识别css中的最小宽度min-width及最小高度min-height,而IE7+及其他比如Firefox等浏览器可以很好的支持,而同样IE不支持!important强调注释,利用这一点可以解决这个问题,代码如下:
xhtml:

<div id="test">min 100x100</div>

CSS

#test{float:left;min-height:100px;height:auto!important;height:100px;min-width:100px;width:auto!important;width:100px;background:#ccc;}

一种利用position:relative及absolutecss定义的图文混排样式

描述,这是一种定义图片或文字左右对齐的方法,可以保证文字不会因大于图片高度而包围图像换行。
xhtml代码:

<p><img src="imgpath" alt="image" />Text here</p>

通常,我们如果让图片靠左对齐或靠右对齐进行图文编辑时候会用到如下CSS

img{float:left;}

但这样的效果是文字包围图片,如果我们想让文字不会包围图片而是永远在一侧呢,使用如下CSS

p{position:relative;padding-left:100px/*图片宽度及相应与文字应保持的边距之和*/;}
p img{position:absolute;}

这样就可以了,关于position:relative及absolute的用法参考这里
PS:演变而来的更多应用,你想到了吗?

全手动安装开发环境:Apache+Python+PHP+Mysql支持Django框架

该开发环境方案均选用开源服务器及程序支持。
操作系统:Windows XP pro
服务器:Apache 2.2
程序:Python2.5、PHP5.2.6
数据库:Mysql5.0、SQLite3
框架:Django1.0
所需要程序:Python2.5安装文件、Django1.0压缩包、Apache2.2.4 for Windows x86安装文件、mod_python-3.3.1.win32-py2.5-Apache2.2.exe模块安装文件、PHP5.2.6安装包、mysql5.0安装包、MySQL-python-1.2.2.win32-py2.5.exe安装文件
安装步骤:……

Basic Crud In Django

This presentation details how to do basic CRUD in Django.

Advanced Django-Django进阶

主要涉及到Python frameworks Django开发测试、表单、Ajax以及OpenID应用内容。

Python web开发框架Django 一:开发环境搭建及Django安装

开发环境:Windows平台的apache服务器,使用Apache2Triad快速搭建服务器环境,集成了php、python等支持。
1.准备:到http://www.djangoproject.com/download/下载最新的Django程序,解压下载的文件到任意目录,例如E:\django……

Apache2Triad

使用这个程序可以一键安装Apache2 , MySQL , PostgreSQL , OpenSSL , Xmail , SlimFTPd 等,可以开发PHP、Perl及Python脚本,集成了Apache2TriadCP、PHPmyadmin、PHPPgAdmin、AWStats、UebiMiau、PHPXMail、PHPSFTPd、PythonWin等开发管理工具。
需要注意的是安装中只要一路下一步就行,但是有一个设置密码的环节,输入一个8~24位的密码就行,这个是启用服务、访问PHPmyadmin用的,总之所有默认密码都是这一个。
http://sourceforge.net/projects/apache2triad/

每日英语

2008.10.10
Amazon has introduced a tiered pricing scheme for S3, its cloud storage service, that will take advantage of increasing economies of scale and go into effect November 1st.

有用的Ajax相关免费代码资源

这里收集了超过80种以上的Ajax代码资源,都是免费的,内容涉及到自动完成AJAX Auto Complete、当前编辑AJAX Instant Edit、tab、菜单、表单验证、对话框、日期日历事件模块、表格、数据图表、Tooltip、图片处理、动画效果等等
这里收集了超过80种以上的Ajax代码资源,都是免费的,内容涉及到自动完成AJAX Auto Complete、当前编辑AJAX Instant Edit、tab、菜单、表单验证、对话框、日期日历事件模块、表格、数据图表、Tooltip、图片处理、动画效果等等
http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/

欣赏-很酷的javascript网页效果

页面设计简洁,关键是有非常酷的javascript效果,起初以为是flash做的,包括了滑动菜单、内容滚动,渐变动画、ajax内容等等,有着丰富的javascript效果,这种体验非常棒,真正领略了javascript特效的魅力,而且其效果并没占用过多的资源
页面地址http://www.noe-interactive.com/

Actionscript3自身加载的简单方法

实现方法比较简单,代码直接写在时间轴的第一个空白帧上或单独做一个用来加载的场景(类似AS2的做法),主要用到了displayObject的loaderInfo属性跟ProgressEvent事件,包含bytesLoaded及bytesTotal,因为有事件机制,所以不再需要之前的onEnterFrame的检测方式了。

文档段落html标签及css常用方法

所谓文档段落,即是包括了内容的标题、正文、列表、数据表格、图片多媒体等内容所组成的段落元素
待续...

html及body设置100%以后

通常在页面的css中,如果当内容不够一屏时候需要body或其他内容自动填充页面并且垂直居中,这里不讨论垂直居中,而就自动填满这种情况,例如

<body><div id="wrapper">hello</div></body>

很显然hello所在的wrapper不足以填充整个body区域,而即使设置wrapper的css为height:100%,你会发现并不起作用,因为这个100%本身就是一个相对高度,所以需要设置一下

html,body{height:100%;marigin:0;padding:0}

后面的margin及padding是为了清楚body的浏览器默认样式避免垂直滚动条。
很不幸的是,如果使用不当,对html及body设置了height:100%之后可能遇到的状况……
第一页12345最后一页下一页

控制面板

<< 2008-11 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

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

最近留言