Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5

Thread: CSS and Forms

  1. #1
    Senior Member Holokai's Avatar
    Join Date
    Sep 2004
    Location
    Honolulu, HI
    Posts
    127
    Member #
    7707
    Ok, so I'm making a new registration form for my website. I want to make this a table-free site, mainly for the challenge more than anything else.

    Is it practical to make a form with CSS? Seems to me it could be a lot of work.

    For example, I want the following information (keep in mind it's a family / friends site)

    name
    street address
    state
    zip
    phone
    password
    email

    So, Normally, I'd make a table, two columns, and alighn the text fields in the right column to the left, and the text in the left column to the right. so we have a nice clean line where the forms line up.

    Is that possible in this case? is it Desireable?

    Thanks

    - Chris
    -----------------------------------------------
    I know just enough to be dangerous to myself and others around me... I'm more of a CSS kamikaze than a CSS ninja...

  2.  

  3. #2
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    It is very desireable. In fact, it's a hell of a lot easier. I suggest you look at some good examples of forms.

    http://www.cameronmoll.com/portfolio/websites/upload/
    http://jfmselect.com/register.cfm

    If you study the markup and the CSS, you can see how using <fieldset>, and <label> can make your life way too easy.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  4. #3
    Senior Member Holokai's Avatar
    Join Date
    Sep 2004
    Location
    Honolulu, HI
    Posts
    127
    Member #
    7707
    OOoo... I like. Thanks again, Brak.
    -----------------------------------------------
    I know just enough to be dangerous to myself and others around me... I'm more of a CSS kamikaze than a CSS ninja...

  5. #4
    Senior Member Holokai's Avatar
    Join Date
    Sep 2004
    Location
    Honolulu, HI
    Posts
    127
    Member #
    7707
    Ok, question -

    if you look here, you can see the result of my efforts...

    But I have two questions. I have the following -
    Code:
    input{
    	width: 180px;
    	margin-top: 2px;
    	}
    input .bday{
    	width: 100px;
    	margin-top: 2px;
    }
    input .radio{
    	width: 20px;
    	margin-top: 2px;
    }
    But if you look at the above link, and here, you'll see that the widths of the radio buttons and the birth year field are not changing.

    Also - the font size for the labels and the normal text is set to .8 em - why is the label size smaller?

    - Thanks much.

    - Chris
    -----------------------------------------------
    I know just enough to be dangerous to myself and others around me... I'm more of a CSS kamikaze than a CSS ninja...

  6. #5
    Senior Member Holokai's Avatar
    Join Date
    Sep 2004
    Location
    Honolulu, HI
    Posts
    127
    Member #
    7707
    Ok, I think I've figured it out... each text box has an "id" which would mean I can't declare a class for it as well. Soooo, I just need to do a input id1, input id2, etc{ }... right?
    -----------------------------------------------
    I know just enough to be dangerous to myself and others around me... I'm more of a CSS kamikaze than a CSS ninja...


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:33 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com