SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    ********* Member website's Avatar
    Join Date
    Oct 2002
    Location
    Iceland
    Posts
    1,238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Form fields positioning

    Hello
    I am trying to create a form that looks somewhat like the attached image, that is to have the labels aligned to the left but the input fields and the submit button to the right.
    I know this can be done with table, making a table with 6 cells, 2 columns and place the input fields into the right cells and the text in the left but I would rather not use table for this.
    So, can anyone tell me how to do this with CSS, I would be greatly appreciate it!

    Thanks in advance!
    Attached Images Attached Images
    - website

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    http://www.alistapart.com/stories/practicalcss/ has a good tutorial on how to line up form elements like you used to do with tables. Read that and you should be able to style your forms the same way.


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
  •