Vertically aligning form elements?

What would be the correct way to align checkboxes and their labels, in
your opinion?

For example

....
<td>
<input type="checkbox" class="cbox" name="thisCheck" />
<label for="thisCheck">Check this if you want a copy</label><br/>
</td>
....

I am having a hard time with this. Firefox seems to ignore
vertical-align for labels and checkboxes. IE seems to vertically
transpose labels, and Opera doesnt do anything.

Any help appreciated.

Casimir Pohjanraito

In article <Tz2Lj.323533$fi.10954 (AT) reader1 (DOT) news.saunalahti.fi>,
Casimir <pikEISPAMMMseli (AT) welho (DOT) com> wrote:

What would be the correct way to align checkboxes and their labels, in
your opinion?

For example

...
td
input type="checkbox" class="cbox" name="thisCheck" /
label for="thisCheck">Check this if you want a copy</label><br/
/td
...

I am having a hard time with this. Firefox seems to ignore
vertical-align for labels and checkboxes. IE seems to vertically
transpose labels, and Opera doesnt do anything.

You don't provide a url which would allow anyone to check the
CSS for "cbox" or what else you are doing with your table, so
you are unlikely to get many comments on your code.

However, FireFox does not implement CSS alignment properties down
columns - this is a ~10-year old bug (#915) which you can view
at https://bugzilla.mozilla.org/show_bug.cgi?id=915

Otherwise, google this group for vertical alignment of form
elements - it's come up many times!

I guess I was looking for the generic all-encompassing solution for a
generic form-building problem.

Perhaps such doesnt exists due to poor browser support. Or perhaps such
a solution isn't known to you.

Generally I usually have to try many things before I get checkboxes to
line up with labels.

Fiddling with vert-align percentages, enclosing elements in divs and
funky margin-padding tweaks just take too much time, and have me
pondering if CSS is really all that good a technology at all.