2008年10月_wintershan

如何解决无"width、float"的DIV的margin问题?

经常遇到这种情况，如以下这段代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><h...

2008-10-26 11:12:13 129

关于FLOAT在FF和IE7中的用法补充

在定义一个DIV的对齐属性时，常被IE7和FF搞得晕头转向，后来发现原因就在FLOAT，看来这个FLOAT真是大有文章。原来当给一个DIV定义FLOAT属性，譬如“FLOAT：left; ”，那么这个DIV就自动居左，但是其宽度如果不定义的话，在IE7和FF中永远是以DIV中内容的最大宽度来显示，而在IE6中这个DIV的宽度却可以横贯它本身所存在的母DIV，因此由这个没有定义的宽度可以引发出...

2008-10-24 11:08:22 164

直接用提交按钮链接到另一个页面

直接用提交按钮链接到另一个页面 <input type="button"value="回到首页" onclick="this.value='进入首页'; window.location.href='index.htm'; ">

2008-10-22 11:10:42 455

用图片做按钮的不同状态

<inputtype="Button" onMouseOver="this.className='btnOver'"onMouseOut="this.className='btnNormal'"onMouseDown="this.className='btnDown'"onMouseUp="this.className='btnOver'"class="btnNormal&

2008-10-22 10:43:06 291

探求单行不同字号文字垂直居中的解决方法(三)

续（一）（二） <DIV class=try><span class="star">验证码</span>*</DIV>.try{ font-size:20px; width:200px; border:1px solid #ccc; text-align:right; color: #FF0000;}.star {f...

2008-10-16 21:38:48 314

探求单行不同字号文字垂直居中的解决方法(二)

续(一) 又找到了另一种方法借此来实现<label for="yzm"><span>验证码</span><i>*</i></label> label {float:left;width:120px;text-align:right;line-height:26px;height:20px;font-w

2008-10-16 20:27:29 119

探求单行不同字号文字垂直居中的解决方法(一)

<label><SPAN class=star>*</SPAN>验证码</label> 在写这段时遇到了困惑，“*”和“验证码”字号不一致，但要单行垂直居中，试了很多写法，没找到最简洁合适的。只好把span的属性定义成block，即label { float:left; width:120px; t...

2008-10-16 15:46:25 139

fieldset在form中的用法

在表单的应用中，我们有时会用到对 form 的信息进行分组，例如“注册(regForm)”，可能会将注册信息分组成基本信息（一般为必填），详细信息（一般为可选），因此可考虑在 form 中加入下面两个标签： fieldset：对表单进行分组，一个表单可以有多个fieldset。fieldset标签会在包含的文本和input等表单元素外面形成一个方框，legend元素作为标题。legend：说...

2008-10-15 15:52:34 2466

原创农行网银汇款手续费

对此博客的发布系统还不太熟悉，总觉得不够人性化，还不能直接插入个图片，真是麻烦，算了，直接链个网址吧。个人认为这副图对使用农行网银的同志来说还是很有参考价值的。 http://wintershan.iteye.com/upload/picture/pic/23359/54ab380a-b98e-361f-a19f-f87373b6ca78.jpg...

2008-10-15 10:43:38 124

原创 css小贴士备忘录

前言：在CSS的学习实践过程中，我经常遗忘一些貌似常用的代码，为了能够强化记忆特在此作归纳整理并将陆续增删，以备即时查阅。但愿今后能遇到问题及时解决，牢牢记住这些奇怪的字符们。一、关于段落文本强制对齐 text-align:justify; text-justify:inter-ideograph; 若要文本两端对齐，必须先定义P的宽度，然后 { text-align:...

2008-10-14 14:40:41 112

关于CSS命名

常用id的命名: 页头：header登录条：loginbar标志：logo侧栏：sidebar广告：banner导航：nav子导航：subnav菜单：menu子菜单：submenu搜索：search滚动：scroll页面主体：main内容：content显示当前所在位置：breadcrumbs标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus...

2008-10-13 10:17:14 77

放点广告赚零花钱

看到别人放的google adsense，百度推广等等，听说挺赚钱的啊。先说说google广告，听说google广告是要用光票的，不知道操作起来是不是挺麻烦的。google对网站要求还挺严格的，一般的访问量很小的网站很难申请得到。baidu广告没申请过，不知道怎么样。在这里看到alimama的广告了，因为好玩试了试，感觉结算方式挺方便，直接跟支付宝关联，赚的钱可以直接转到支付宝账户里，al...

2008-10-11 22:53:55 440

文本循环滚动,放上鼠标后就自动停止

一、把下面代码放到<body>区域中<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&..

2008-10-11 11:21:12 533

对齐CSS

AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐AbsMiddle 图像的中间与同一行中最大元素的中间对齐Baseline 图像的下边缘与第一行文本的下边缘对齐Bottom 图像的下边缘与第一行文本的下边缘对齐Left 图像沿网页的左边缘对齐，文字在图像右边换行Middle图像的中间与第一行文本的下边缘对齐NotSet未设定对齐方式Right图像沿网页的右边缘对齐，文字...

2008-10-07 19:52:26 112

原创用CSS制作表头固定的表格

网页制作中，通常用表格来以行和列的方式来组织数据。可能在使用中会遇到这种情况，我们所要列出的数据很多很长。这时候，浏览起来就很不方便，察看后面数据的时候不得不经常滚动到页面的上方来看看对应的表头。　　要解决这个问题，通常我们会想到使用框架或者内置框架（iframe）的方式，将表头内容放在上方的框架页面中，表格内容放在下面的框架中，这样浏览起来就比较方便了。可是，使用框架并不是很好的选择。网管u...

2008-10-07 19:51:20 281

原创如何用CSS使图片自适应显示宽度

需要显示由用户提供URI链接的图片，可是预先无法获知图片的尺寸大小，如果图片尺寸过大将会影响页面布局。最理想的解决方案自然是自动生成缩略图，涉及的后台工作较为复杂，用CSS进行控制是一个可以接受的捷径。如果用 width 属性强行设定显示尺寸似乎太不智能。幸好 Firefox/Opera/IE 7 都提供了 max-width 属性支持。假定希望图片显示宽度不超过500像素，CSS可能如下： f...

2008-10-07 19:49:35 1004

原创 IE6和IE7共存方法

具体步骤：1、下载IE7 Standalone 这个工具，本地下载地址：http://files.cnblogs.com/JustinYoung/IE7-Release_yzy.rar2、解压缩 IE7-Release_yzy.rar 到一个空目录中，例如 d:\ie7green。3：根据你的系统下载合适你的IE7安装文件——微软官方下载：Windows Internet Explorer 7 f...

2008-10-07 19:48:55 126

原创 CSS图片垂直居中方法整理集合

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><style type="text/css"><!-- * { margin:0; padding:0 }div {...

2008-10-07 19:48:18 72

原创 CSS如何实现单行图片与文字垂直居中

以下选自（CSS权威指南） Example Source Code [www.mb5u.com]vertical-align初始值：　baseline（缺省值）可否继续：否适用于：　内联元素说明：vertical-align:baseline使元素的基线同父元素的基线对齐．警告：vertical-align不能影响表格单元中的内容的对齐，对于块元素中的内容也一样．　　文字不多，但时常有...

2008-10-07 19:47:24 143

解决IE6下PNG图片透明的方法

透明背景所在的"DIV"的属性改咋写还咋写,只不过还得加上这一段 *html div { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="tran.png"); background:none; }这样就可以轻松实现IE6下png图片透明度的效果了!...

2008-10-07 19:45:08 84

原创如何制作随滚动条滚动的DIV

需要做页面的快捷菜单，原则上想做成在第一屏初始在一个位置，当滚动条向下拉时，进入第二屏往下该DIV层自动滚动至屏幕相对的初始位置。在网上查找了相关资料，仅勉强可用，摘抄如下。随滚动条移动的DIV层(正中、左上、左下、右上、右下)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...

2008-10-07 19:44:31 249

晕头转向的浏览器们

google新出了浏览器，用用刚感觉OK，准备取IE代之。不想为了在此摘抄网页代码，在该文字编辑框内连输几段文字都不会自动换行，更可气的是居然把copy的网页代码文字们误认成了页面的DIV，搞得全以页面设计效果示人，很是不爽。我想原因肯定是GOOGLE浏览器的文字编辑框全是源代码的形式吧，连个字号啥的选项都没有，真是美中不足。再试FF，也是这个德性。网上说对CSS的兼容问题，近日试试各种浏览器，真...

2008-10-07 19:43:49 71

设定DIV的最小高度

当设定DIV的最小高度时,尽管写了 .style { height:5px } 但在IE6中DIV仍然有一定高度,解决办法是:div加一个属性：font-size:0; 说明：这个问题出现在IE6中； IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，除非你改变这个字体的大小。这样来加： .style1{height:5px;font-size:0;} ...

2008-10-07 19:43:14 716

原创富爸爸经典语录

生活中，人们通常会做两件事。一些人在生活推着他转的同时，抓住生活赐予的每个机会；而另一些人则听任生活的摆布，不去与生活抗争。他们埋怨生活的不公平，因此就去讨厌老板，讨厌工作，讨厌家人，他们不知道生活也赐予了他们机会。真正的资产可以分为下列几类：1.不需我到场就可以正常运作的业务。我拥有它们，但由别人经营和管理。如果我必须在那儿工作，那它就不是我的事业而是我的职业了；2.股票；3.债券；4.共...

2008-10-07 19:42:15 126

原创手把手教你清理系统垃圾文件

1.软件安装过程中产生的临时文件　　许多软件在安装时，首先要把自身的安装文件解压缩到一个临时目录（一般为 Windows文件夹下的Temp目录），如WinZip等工具，然后再进行安装。如果软件设计有疏忽或者系统有问题，当安装结束后，这些临时文件就会变得并不“临时”，成为硬盘里的一堆垃圾，很多时候它们以*.tmp的面孔出现，如图1。　　　在软件的运行过程中通常也会产生一些临时交换文件，比...

2008-10-07 19:41:25 328

恭喜姐姐