How do I get my checkboxes to line up.

[Jeannie Sperle]

I am not sure what I am doing wrong. I believe it is in the css code but I want my page to line up the checks next to the words in the three rows with three columns. I also need the name and address fields to all line up on the left.

/*
Filename: forms.css
Supporting Files: none

*/
fieldset {margin-bottom: 10px; padding: 10px; background-color: rgb(237,233,223)}

label.blockLabel {display: block; position: relative; width: 450px; margin: 12px 0px}

label.blockLabel input {position: absolute; float: left; left: 140px}

#donationForm span {color: red}

label.indentLabel {margin-left: 140px}

#fName, #lName {width: 250px}
#street {width: 350px}
#phone, #city {width: 150px}
#state {width: 40px}
#zip {width: 80px}

#experience {width: 450px; padding: 5px}

#interestField {position: relative; width: 450px; height: 120px; padding: 5px}


#interest1 {position: absolute; height: 20px; left: 0px}
#interest2 {position: absolute; height: 20px; left: 140px}
#interest3 {position: absolute; height: 20px; left: 280px}
#interest4 {position: absolute; height: 50px; left: 0px}
#interest5 {position: absolute; height: 50px; left: 140px}
#interest6 {position: absolute; height: 50px; left: 280px}
#interest7 {position: absolute; height: 80px; left: 0px}
#interest8 {position: absolute; height: 80px; left: 140px}
#interest9 {position: absolute; height: 80px; left: 280px}


Any help would be great!

Thanks!

[Death Slaught]

Please use code tags when posting code - select the text and click the # button in the editor. Also, please post your HTML along with your CSS. Otherwise you're just telling us half of the story, and that makes it difficult to help you.


Thanks, Death

[drhowarddrfine]

You'll need to set the vertical-align property.