CSS Style sheet probelm ...help plzzzzzz

ebookz · 11-11-2012, 02:28 AM

i'd like to know how to code this form css style sheet......? or tell me how to code this kind of "change password" by using CSS???Can anyone plzz help me to know that??

thanks a lot....

Custard7A · 11-11-2012, 09:13 AM

You would style your buttons and text-inputs, just like you would style anything else. It looks like they are using those border-radius or what-not to dull their corners.

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

ebookz · 11-13-2012, 02:34 AM

@coothead :
thanks frnd..u have done a grt job....thanks so much.....I used ur code....

coothead · 11-13-2012, 08:41 AM

No problem, you're very welcome.

coothead