...

View Full Version : CSS Style sheet probelm ...help plzzzzzz



ebookz
11-11-2012, 03:28 AM
http://i.imgur.com/IVyPX.png

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, 10: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, 12:27 PM
Hi there ebookz,

try it like this...

<!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, 03:34 AM
@coothead :
thanks frnd..u have done a grt job....thanks so much.....I used ur code....

coothead
11-13-2012, 09:41 AM
No problem, you're very welcome. ;)



coothead



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum