CodingForums.com - View Single Post

coothead · 11-11-2012, 11:27 AM

Hi there ebookz,

try it like this...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title>password change</title>

<style type="text/css">
body {
    font-family:arial,sans-serif;
 }
#change-password {
    float:left;
    padding:4px 25px 25px;
    border:1px solid #e5e5e5;
    background-color:#f1f1f1;
    font-size:13px;
    color:#444;
 }
#change-password label {
    display:block;
    padding:18px 0 7px;
    font-weight:bold;
 }
#change-password a {
    display:block;
    margin:8px 0 0;
    color:#5e55d2; 
    text-decoration:none;
 }
#cpw,#npw,#cnpw {
    display:block;
    width:280px;
    border:1px solid #d9d9d9;
    font-size:22px;
 }
#submit {
    padding:5px 11px;
    margin:21px 5px 0 0;
    border:1px solid #3079ed;
    border-radius:4px;
    background-color:#4b8df9;
    font-size:11px;
    font-weight:bold;
    color:#fff;
 }
#cancel {
    padding:4px 10px;
    font-size:11px;
    font-weight:bold;
    color:#555;
 }
</style>

</head>
<body>

<form id="change-password" action="#">
<div>

<label for="cpw">Current password</label>
<input id="cpw" type="password">

<a href="#">Don't know your password?</a>

<label for="npw">New password</label>
<input id="npw" type="password">

<label for="cnpw">Confirm new password</label>
<input id="cnpw" type="password">

<input id="submit" type="submit" value="Change Password">
<input id="cancel" type="reset" value="Cancel">

</div>
</form>

</body>
</html>

coothead