View Full Version : Vertical alignment issues

11-21-2009, 11:52 AM

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!! :)

11-21-2009, 03:38 PM
i'd recommend using a list to display those form fields, much easier to control


is a pretty indepth guide

haven't looked too hard but your check box has

input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}

where as your text boxes:

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.

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum