- 浏览: 195280 次
- 性别:
- 来自: 北京
最新评论
-
hncdcsm1:
非常给力,找了很久了,谢谢分享
99款高质量免费(X)HTML/CSS模板(转自blog.bingo929.com不错) -
yuying:
谢谢诶!
非常不错的CSS表单显示效果
文章列表
在定义一个DIV的对齐属性时,常被IE7和FF搞得晕头转向,后来发现原因就在FLOAT,看来这个FLOAT真是大有文章。
原来当给一个DIV定义FLOAT属性,譬如“FLOAT:left; ”,那么这个DIV就自动居左,但是其宽度如果不定义的话,在IE7和FF中永远是以DIV中内容的最大宽度来显示,而在IE6中这个DIV的宽度却可以横贯它本身所存在的母DIV,因此由这个没有定义的宽度可以引发出FLOAT值的很大变化,而造成其它后续DIV的错位。
所以,在DIV的FLOAT定位中,一定得检查是否需要定义其的宽度,否则FLOAT就不是那么灵了。
- 2008-10-24 11:08
- 浏览 2529
- 评论(0)
直接用提交按钮链接到另一个页面
<input
type="button"
value="回到首页"
onclick="this.value='进入首页'; window.location.href='index.htm'; "
>
- 2008-10-22 11:10
- 浏览 2667
- 评论(0)
<input
type="Button"
onMouseOver="this.className='btnOver'"
onMouseOut="this.className='btnNormal'"
onMouseDown="this.className='btnDown'"
onMouseUp="this.className='btnOver'"
class="btnNormal"
value="未点击的按钮"
onclick="this ...
- 2008-10-22 10:43
- 浏览 1363
- 评论(0)
续(一) (二)
<DIV class=try><span class="star">验证码</span>*</DIV>
.try
{
font-size:20px;
width:200px;
border:1px solid #ccc;
text-align:right;
color: #FF0000;
}
.star
{
font-size: 12px;
color:#333;
margin:5px -20px 0 6px;
display:block;
float:right;
}
*html .s ...
- 2008-10-16 21:38
- 浏览 1069
- 评论(0)
续(一)
又找到了另一种方法借此来实现
<label for="yzm"><span>验证码</span><i>*</i></label>
label {
float:left;
width:120px;
text-align:right;
line-height:26px;
height:20px;
font-weight:bold;
}
label span
{
margin:0;
color:#123D8C;
font-size:13px;
float:right;
}
i{
ma ...
- 2008-10-16 20:27
- 浏览 979
- 评论(0)
<label><SPAN class=star>*</SPAN>验证码</label>
在写这段时遇到了困惑,“*”和“验证码”字号不一致,但要单行垂直居中,试了很多写法,没找到最简洁合适的。
只好把span的属性定义成block,即
label {
float:left;
width:120px;
text-align:left;
margin:0 9px 0 0;
line-height:20px;
height:20px;
font-siz ...
- 2008-10-16 15:46
- 浏览 1420
- 评论(0)
在表单的应用中,我们有时会用到对 form 的信息进行分组,例如“注册(regForm)”,可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),因此可考虑在 form 中加入下面两个标签:
fieldset:对表单进行分组,一个表单可以有多个fieldset。fieldset标签会在包含的文本和input等表单元素外面形成一个方框,legend元素作为标题。
legend:说明每组的内容描述。Label 用于表单元素 (input, textarea or select),配于 for 将值传递给相应的表单元素。
(tabindex 用于 input, textarea. ...
- 2008-10-15 15:52
- 浏览 2800
- 评论(0)
对此博客的发布系统还不太熟悉,总觉得不够人性化,还不能直接插入个图片,真是麻烦,算了,直接链个网址吧。个人认为这副图对使用农行网银的同志来说还是很有参考价值的。
http://wintershan.iteye.com/upload/picture/pic/23359/54ab380a-b98e-361f-a19f-f87373b6ca78.jpg
- 2008-10-15 10:43
- 浏览 1260
- 评论(0)
常用id的命名:
页头:header登录条:loginbar标志:logo侧栏:sidebar广告:banner导航:nav子导航:subnav菜单:menu子菜单:submenu搜索:search滚动:scroll页面主体:main内容:content
显示当前所在位置:breadcrumbs标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title加入:joinus指南:guild服务:service热点:hot新闻:news下载:download注册:regsiter状态:status按钮:btn投票:vote合作伙伴:partner友情链接:friendlin ...
- 2008-10-13 10:17
- 浏览 1027
- 评论(0)
看到别人放的google adsense,百度推广等等,听说挺赚钱的啊。
先说说google广告,听说google广告是要用光票的,不知道操作起来是不是挺麻烦的。google对网站要求还挺严格的,一般的访问量很小的网站很难申请得到。
baidu广告没申请过,不知道怎么样。
在这里看到alimama的广告了,因为好玩试了试,感觉结算方式挺方便,直接跟支付宝关联,赚的钱可以直接转到支付宝账户里,alimama提供了一个很好的推广产品和提供网站广告位的平台。
大家可以试试!
一、 把下面代码放到<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">
<head>
<meta http-equiv="Content-Type" content=& ...
- 2008-10-11 11:21
- 浏览 1448
- 评论(0)
AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐
AbsMiddle 图像的中间与同一行中最大元素的中间对齐
Baseline 图像的下边缘与第一行文本的下边缘对齐
Bottom 图像的下边缘与第一行文本的下边缘对齐
Left 图像沿网页的左边缘对齐,文字在图像右边换行
Middle图像的中间与第一行文本的下边缘对齐
NotSet未设定对齐方式
Right图像沿网页的右边缘对齐,文字在图像左边换行
Top图像的上边缘与同一行上最高元素的上边缘对齐
TextTop图像的上边缘与同一行上最高文本的上边缘对齐
- 2008-10-07 19:52
- 浏览 1034
- 评论(0)
网页制作中,通常用表格来以行和列的方式来组织数据。可能在使用中会遇到这种情况,我们所要列出的数据很多很长。这时候,浏览起来就很不方便,察看后面数据的时候不得不经常滚动到页面的上方来看看对应的表头。
要解决这个问题,通常我们会想到使用框架或者内置框架(iframe)的方式,将表头内容放在上方的框架页面中,表格内容放在下面的框架中,这样浏览起来就比较方便了。可是,使用框架并不是很好的选择。 网管u家u.bitscn@com
这里介绍一个更好的方法,使用简单的CSS就能够实现表头固定的表格(在IE和Firefox、Mozilla下通过)。
这个方法是通过在一个两行一列的表格中,上面一行放置 ...
- 2008-10-07 19:51
- 浏览 1603
- 评论(0)
需要显示由用户提供URI链接的图片,可是预先无法获知图片的尺寸大小,如果图片尺寸过大将会影响页面布局。最理想的解决方案自然是自动生成缩略图,涉及的后台工作较为复杂,用CSS进行控制是一个可以接受的捷径。 如果用 width 属性强行设定显示尺寸似乎太不智能。幸好 Firefox/Opera/IE 7 都提供了 max-width 属性支持。假定希望图片显示宽度不超过500像素,CSS可能如下: fit-image { border : 0; max-width : 500px; } 让我痛恨的 IE6 不支持 max-width 属性,但是利用 IE 独有的 expr ...
- 2008-10-07 19:49
- 浏览 2041
- 评论(0)
具体步骤:1、下载IE7 Standalone 这个工具,本地下载地址:http://files.cnblogs.com/JustinYoung/IE7-Release_yzy.rar2、解压缩 IE7-Release_yzy.rar 到一个空目录中,例如 d:\ie7green。3:根据你的系统下载合适你的IE7安装文件——微软官方下载:Windows Internet Explorer 7 for Windows Server 2003 SP1简体中文正式版Windows Internet Explorer 7 for Windows XP SP2简体中文正式版4、将 IE7 的安装文件(例 ...
- 2008-10-07 19:48
- 浏览 1444
- 评论(0)