html+css设计问题
1、某些css样式在有的网页中可行,在有的网页中不可行的问题。
将网页html代码<html>标签之前的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">去掉即可。
2、图片做超链接的时候有蓝色边框的问题
如
<a href="main_left.html" target="mainFrame"><img src="images/main_l_09.jpg" width="211" height="57" /></a>
解决办法:在<img>里面加border="0"属性。
3、form与表格间有间隙的问题
给页面添加样式:body { margin: 0px;}
4、英文撑破表格的问题
给所有表格添加样式
td {
word-break:break-all;
word-wrap:break-word;
}
5、xp sp2中IE提示信息栏的问题
把在IE----INTERNET选项---高级里面的
“允许活动内容在我计算机上的文件运行”选中
6、图片和文字在同一行垂直居中的问题
给图片加样式vertical-align:middle 具体例子如:
<img src="images/png-064.jpg" alt="恭喜!" width="72" height="67" style="vertical-align:middle" />
7、让文本框不显示历史记录
给input加属性 autocomplete="off"
如:
<input type="text" style="width: 60px" size="6" maxlength="4" autocomplete="off"/>
8、让textBox输入框带背景的css:
.logon_input{
font-size: 12px;
color: #333333;
background-image: url(../image/logon_03.jpg);
height: 20px;
width: 180px;
border: 1px solid #B7BAC4;
padding: 2px;
}
9、submit和reset按钮自定义图片的css
.logon_button1{
background-image: url(../image/logon_04.jpg);
height: 25px;
width: 51px;
border:0;
cursor: hand;
}