Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Nov 2012
    Posts
    33
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Smile CSS Style sheet probelm ...help plzzzzzz



    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....

  • #2
    Regular Coder Custard7A's Avatar
    Join Date
    Jul 2010
    Location
    Australia
    Posts
    286
    Thanks
    32
    Thanked 33 Times in 33 Posts
    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.

  • Users who have thanked Custard7A for this post:

    ebookz (11-13-2012)

  • #3
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,746
    Thanks
    0
    Thanked 244 Times in 239 Posts
    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

  • Users who have thanked coothead for this post:

    ebookz (11-13-2012)

  • #4
    New Coder
    Join Date
    Nov 2012
    Posts
    33
    Thanks
    23
    Thanked 0 Times in 0 Posts
    @coothead :
    thanks frnd..u have done a grt job....thanks so much.....I used ur code....
    Last edited by ebookz; 11-13-2012 at 03:42 AM.

  • #5
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,746
    Thanks
    0
    Thanked 244 Times in 239 Posts

    No problem, you're very welcome.


    coothead


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •