用DIV+CSS写百度注册页面的问题。

html-css013

用DIV+CSS写百度注册页面的问题。,第1张

有三个问题：1：©

为特殊编码，不被支持，在代码中改成

&-copy

即可(使用时请去掉

-

我加上-为了不让百度页面识别。)。

2：form

的运用

，在一个注册页面下，所提交的注册信息必须在同一个form里才有效。而你用了多个form，使得注册信息无法提交。

3：id为main标签缺少</div>，需补充。

以上问题我已帮你更正，希望对你有帮助：

<!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="text/html

charset=gb2312"

/>

<style

type="text/css">

body{

margin:0

padding:0}

#header{

width:645px

height:85px

margin:6px

30%

18px

22.3%}

#main{

width:645px

margin:0

30%

0

22.7%}

#header

#logo{

width:137px

background:url(images/logo-yy.gif)

no-repeat

left

top

height:46px}

#header

#logoarea{

background:#D9F0F0

width:504px

float:right

height:24px

margin:-26px

0

0

0

}

#header

#banner{

width:auto

height:40px}

#header

#sider{

float:right

background:#D9F0F0

margin:-26px

0

0

0

width:100px

height:24px}

#header

#logoarea

p{

font-weight:bold

font-size:14px

margin:4px

0

0

10px

}

#header

#sider

p{

float:right

text-decoration:underline

color:#0000CC

margin:4px

14px

0

0

font-size:14px}

#header

#banner

img{

float:right

margin:8px

9px

0

0}

#main

#container

p{

font-weight:bolder

font-size:12px}

#main

#container

form{

margin:-11px

0

0

0}

#main

#container

#1{

font-size:24px

color:#666666}

#main

#container

textarea{

font-size:12px

color:#666666

width:480px

height:110px}

#footer{

margin:20px

0

0

-10px

background:#E6E6E6

height:20px

width:650px

float:left

text-align:center}

#footer

p{

font-size:14px

font::Geneva,

Arial,

Helvetica,

sans-serif

color:#8B77D5

font-weight:300

font-weight:400

margin:0

auto

5px

auto}

.clear{clear:both}

</style>

<title>百度用户注册</title>

</head>

<body>

<div

id="header">

<div

id="logo">

</div>

<div

id="logoarea">

<p>用户注册</p>

</div>

<div

id="sider">

<a

href="#"><p>帮助</p></a>

</div>

<div

id="banner">

<img

src="images/未命名.jpg"/>

</div>

</div>

<div

id="main">

<div

id="container">

<p

id="2">用户名:</p>

<form><input

type="text"

/>

<p

id="1">不超过7个汉字，或14个字节(数字，字母和下划线)</p>

<span><p

id="2">密码:</p>

<input

type="text"

/><p>确认密码:</p><input

type="text"

/></span>

<p

id="1">密码长度6～14位，字母区分大小写。<a

href="#">密码过于简单的危害</a></p><br

/>

<p

id="2">性别：</p>

<input

type="radio"

name="sex"

value="男"

/>

男

<input

type="radio"

name="sex"

value="女"

/>

女

<p

id="2">电子邮箱地址:</p>

<input

type="text"

/>

<p

id="1">请输入有效的邮件地址，当密码遗失时凭此领取</p>

<p>输入图中字符:</p>

<input

type="text"

/><img

src="images/untitled.bmp"

/><a

href="#">看不清？</a>

<br

/>

<input

type="submit"

value="同意以下协议并提交"

/>

</form><br

/><br

/>

</div></div>

<div

id="footer"><p>

©

2010

Baidu</p></div>

</body>

</html>

这个问题有点.....

常规的点击注册按钮进入注册页面是超链接，点击后会跳转到新页面

如 跳转页面是b页面的话

<a href="b页面">注册</a>

只要利用一句非常普通的html代码就可以实现。

当然，注册按钮也有图像或者css仿图像模式，这个涉及到css（样式表）。

注册页面是一个表单的提交，要用到数据库.. 数据提交也设置编程，编程有很多种语言，常见的asp，php，.net，java...很多

想学的话很简单，百度搜一下w3cschool 去学一下就可以了，还有很多视频教程。

<%

Dim CSS

CSS=Request("css")

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<link rel="stylesheet" href="<%=CSS%>.css" type="text/css" media="screen"/>

</HEAD>

<BODY>

<select name="zhuf" onchange="javascript:location.href='2.asp?css='+this.value">

<option>选择</option>

<option value="hong">红色</option>

<option value="lan">