SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Jan 2002
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Changing the look of Forms

    Hi everyone,

    I want to change the look of my forms. i.e. colour and size etc. I assume I would use CSS. Any tutorials or tips would be really appreciated.


    qamar

  2. #2
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Some great Cascading Style Sheets resource sites are:

    http://www.glish.com/
    http://www.richinstyle.com/
    http://www.w3schools.com/css/

    I'll give you a basic example here though.

    Say I have a text input box and I want to change the background and input text to a certain color, I would use the following:
    Code:
    <input type="text" size="30" name="text_box" style="background-color : #COLOUR ; color : #COLOUR ;" />
    That style declaration should work for textareas, select boxes, et cetera.

    Basically, if you go to the above sites and learn the basics of CSS, you'll know how to modify form elements.

    -Colin
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  3. #3
    SitePoint Addict
    Join Date
    Jan 2002
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks colin,

    Thats been a help

    qamar

  4. #4
    Gone!
    Join Date
    Aug 2001
    Location
    Witty Location Parody
    Posts
    3,889
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  5. #5
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Aes
    selectboxes,
    Well, selectboxes do not support all CSS properties other elements like buttons and textboxes do. For example, border isn't rendered in IE for a selectbox.

  6. #6
    Posts rarely lloydi's Avatar
    Join Date
    Jan 2002
    Location
    Swindon UK
    Posts
    620
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Styling forms that look good in most browsers but degrade well in browsers that do not support this is quite an art.

    I know that there are some really nice looking CSS-styled forms out there, but cannot think of any right now.

    I would like to see other people's URLs for tastefully designed forms. Any suggestions?
    Build Your Own Web Site the Right Way!
    A beginners' HTML/CSS book with web standards at its heart
    The Ultimate HTML Reference
    A complete reference, in glorious hardback


Bookmarks

Posting Permissions

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