<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title>by Ahanan 2008-12-4</title> <script language=" javascript "type=" text/ JavaScript ">//js auxiliary window.onload = function () {var initleft = 200;//initialization first location var lis = Document.getelemen Tbyid ("menu"). getElementsByTagName ("Li"); for (var i = 0;i < lis.length;i++) {Lis[i].style.left = Initleft + i*100 + "px"; } </script> <style type= "Text/css" > *{font-size:12px; padding:0; margin:0; } body{Text-align:center; } #reg {margin:0 auto; width:600px; Background: #cccccc; height:500px; } h6{Background:black; height:28px; Color:white; Text-align:left; line-height:28px; padding-left:3pX } #menu {height:30px; Text-align:left; padding-top:15px; padding-left:10px; Overflow:hidden; } li{List-style-type:none; } #menu li{Float:left; Color:green; height:30px; padding:0 5px; line-height:30px; margin-left:20px; Position:absolute; }. current{border:1px solid blue; border-bottom:0; Background:white; } #content {border:1px solid blue; height:400px; margin:8px; margin-top:0; Background:white; padding:10px; #content dl{border-top:1px solid #ccc; border-left:1px solid #ccc; width:560px; height:116px; #content DL DD, #content DL dt{border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; height:28px; } #content DL dt{width:200px; Float:left; Text-align:right; padding-right:3px; Background: #F0F0F0; line-height:28px; } #content DL dd{width:352px; Float:lEft Text-align:left; padding-left:3px; /* compatible IE 6.0*/#content DL dd div{padding-top:3px; } </style> </pead> <body> <div id= "Reg" > <p> welcome you to register toy purchase member! </p> <div id= "Menubox" > <ul id= "menu" > <li > Confirm Terms of service </li> <li class= "Current" > select User Name </li> <li > select user type </li> <li > fill in details </li> </ul> </div> <div id= "content" & Gt <form> <dl> <dt> user name </dt> <dd><div><input type= "text"/></div></d d> <dt> password </dt> <dd><div><input type= "text"/></div></dd> <dt> Confirm Password </dt> <dd><div><input type= "text"/></div></dd> <dt></dt> < Dd><input type= "button" value= "register"/></dd> </dl> </form> </div> </div> ;/body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
