SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot fredep57's Avatar
    Join Date
    Aug 2009
    Location
    Pacific Northwest
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to change form

    My form at http://www.saccc567.com/Test/Registration2.html is OK. But what I really want is to put the "Contact Details" on the left with the "Delivery Address" on the right. Then have the "Vehicle Information below that with the "Declaration of Waiver" just to the right of that. Make sense??

    Also, cannot figure out why there is so much "white space" on the right side of each category.

    Well, I am not sure how to get that to happen.

    Any help would be appreciated.

    P.S. This was a modified example from the web.

    F

  2. #2
    Non-Member
    Join Date
    Jun 2010
    Location
    4727′35″N 2618′0″E
    Posts
    1,789
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    To sum up what you need to do:
    - make every fieldset float left;
    - give every filedset a 45%-49% width
    - give clear:left to the fieldset you want to start on a new line

    CSS mods:
    Code:
    #page {
        background: url("http://www.sitepoint.com/forums/images/saccc5bg.jpg") repeat fixed 0 0 transparent;
        margin: 0 auto;
        min-height: 100%;
        padding: 0 18px;
        text-align: left;
        width: 50%;
    }
    
    fieldset {
        margin: 0 0 1.5em;
        padding: 0;
       float: left;
       width: 49%;
    }
    
    fieldset.alt {
        clear: left;
    }
    But I would change the order and put Contact and Vehicle next to each other since they will pair up better, height wise, and so will the remaining two.


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
  •