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
    Regular Coder
    Join Date
    Nov 2007
    Posts
    144
    Thanks
    64
    Thanked 0 Times in 0 Posts

    Vertical alignment issues

    Hi,

    My form is almost perfect, can someone please have a look at these last two pesky issues for me?

    They're both vertical alignment issues.. one o the "other" box under skills, I want it the same height as the checkbox to the left of it..

    And the last part of the form, the select box is lower than the input box.

    url is www.racedaystaff.com/signup

    I've played around in Firebug for the last hour and can't figure it out.

    Thank you!!

  • #2
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    i'd recommend using a list to display those form fields, much easier to control

    http://articles.sitepoint.com/articl...orm-design-css

    is a pretty indepth guide

    haven't looked too hard but your check box has

    Code:
    input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
    where as your text boxes:

    Code:
    input[type=text], input[type=password], input.text, input.title, textarea, select {
    background-color:#fff;border:1px solid #bbb;
    }
    
    input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5px 0;}
    does not have a position.

    and your div class="other" isn't wrapping around the "other" text box.

    i'd look more in depth but I have to go out now sorry.

    If you add the checkbox class to the textbox it aligns correctly to give you a start.

  • Users who have thanked met for this post:

    samuurai (11-22-2009)


  •  

    Posting Permissions

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