Positioning issues with radio/check buttons in relation to their label

[TomB]

Please take a look at this page:

http://deimos.curious.be/~dusk/conta...n=show_booking

As you can see the radio/check buttons do not line up with their label.
It works with the input fields (like name/email), but only because I
gave those a width so that the label + input field fill the formset.
Obviously I don't want to specify a width for radio/check buttons,
because it looks silly on browsers applying that with. Any other ideas?

Tia
TomB

[Stephen Poley]

On 27 Aug 2006 07:00:50 -0700, "TomB" <to*************@gmail.comwrote:

>Please take a look at this page:

http://deimos.curious.be/~dusk/conta...n=show_booking

As you can see the radio/check buttons do not line up with their label.
It works with the input fields (like name/email), but only because I
gave those a width so that the label + input field fill the formset.
Obviously I don't want to specify a width for radio/check buttons,
because it looks silly on browsers applying that with. Any other ideas?

Well, if I understand correctly what you are trying to do, I don't think
you need to be floating the labels. Just let them take their normal
place in the flow and put a <BRafter each checkbox / radio button.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

[TomB]

Stephen Poley wrote:

Well, if I understand correctly what you are trying to do, I don't think
you need to be floating the labels. Just let them take their normal
place in the flow and put a <BRafter each checkbox / radio button.

The reason I use the float is to align the labels to the right. If I
just put <label><input><br><label><input><bretc. there is no
alignment. I could get the desired effect easily with a table, but I
want it to work with just css.

Tommy

[Jim Moe]

TomB wrote:

>
http://deimos.curious.be/~dusk/conta...n=show_booking

As you can see the radio/check buttons do not line up with their label.
It works with the input fields (like name/email), but only because I
gave those a width so that the label + input field fill the formset.
Obviously I don't want to specify a width for radio/check buttons,
because it looks silly on browsers applying that with. Any other ideas?

I've found no universal solution to form layout.
The <label><input(or <input><label>) pair should be put in a <p>, and
the width for the <labelset as required for each form instance.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[TomB]

TomB wrote:

Stephen Poley wrote:

Well, if I understand correctly what you are trying to do, I don't think
you need to be floating the labels. Just let them take their normal
place in the flow and put a <BRafter each checkbox / radio button.

The reason I use the float is to align the labels to the right. If I
just put <label><input><br><label><input><bretc. there is no
alignment. I could get the desired effect easily with a table, but I
want it to work with just css.

I think I found the solution:
http://deimos.curious.be/~dusk/test.html

[Stephen Poley]

On 27 Aug 2006 09:20:39 -0700, "TomB" <to*************@gmail.comwrote:

>Stephen Poley wrote:

>Well, if I understand correctly what you are trying to do, I don't think
you need to be floating the labels. Just let them take their normal
place in the flow and put a <BRafter each checkbox / radio button.

The reason I use the float is to align the labels to the right. If I
just put <label><input><br><label><input><bretc. there is no
alignment. I could get the desired effect easily with a table, but I
want it to work with just css.

Ah, OK. A table would probably be acceptable here, but does a
clear: left
on your labels do what you want?

You'll also need a clear on an extra element after the last checkbox to
make the containing border extend far enough down. (At least in IE).

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/