...

View Full Version : Vertical alignment issues



samuurai
11-21-2009, 11:52 AM
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!! :)

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

http://articles.sitepoint.com/article/fancy-form-design-css

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