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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Form field positioning

    Hi everyone,
    I'm new to designing forms and I need help with something that sounds pretty simple, but I'm having trouble figuring it out.

    This is the form I'm using: My Form
    I want the field for Last Name to be next to the First name field, not under it. Same with Phone Number and E-mail and probably the last two drop down menus.
    Like this:

    First Name (space) Last Name
    text box (space) text box

    Phone Number (space) Email
    text box (space) text box

    Chardonnay Reserve (space) Pinot Noir
    drop down menu (space) drop down menu

    (they would be aligned better, but maybe you can still see what I'm talking about)

    This form also has a style sheet which I believe may need adjusting to make this work:
    My CSS

    Any help is very much appreciated! Thank you!!

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Code:
    .no_guidelines form li {
    float:left;
    width:46%;
    }
    /*
    input.medium {
    width:50%;
    }*/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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