Re: GroupBox looking CSS

On Tue, 2 Nov 2004 12:50:25 -0600, Mr.Clean <mrclean@p&g.com> wrote:

I am trying to mimic a Windows GroupBox control using fieldset, label
and radio buttons. The problem lies in that I can not correctly do the
radio buttons relative to the groupbox and the label doesn't get placed
in the right place. The word Female should be to the right of the radio
button. Should I use a label for the radio button's caption here
instead?

Can anyone help out?

http://www.austinmetrobaseball.com/groupbox.html

1) You should use label, but for other reasons.

2) You're positioning the button and not the label anyhow. See difference
below. You'll want to rename your class, as it will apply to many other
buttons. I've used it here just because it's pre-existing.

<form>
<fieldset class="GroupBox1">
<legend>GroupBox1</legend>
<div class="FFemaleRadioButton">
<input type="radio" id="sexm" name="Sex" value="male" />
<label for="sexm">Male</label>
</div>
<div class="FFemaleRadioButton">
<input type="radio" id="sexf" name="Sex" value="female" />
<label for="sexf">Female</label>
</div>
</fieldset>
</form>

In article <opsgupqgkk6v6656 (AT) news (DOT) individual.net>, neal413 (AT) yahoo (DOT) com
says...

On Tue, 2 Nov 2004 12:50:25 -0600, Mr.Clean <mrclean@p&g.com> wrote:

I am trying to mimic a Windows GroupBox control using fieldset, label
and radio buttons. The problem lies in that I can not correctly do the
radio buttons relative to the groupbox and the label doesn't get placed
in the right place. The word Female should be to the right of the radio
button. Should I use a label for the radio button's caption here
instead?

Can anyone help out?

http://www.austinmetrobaseball.com/groupbox.html


1) You should use label, but for other reasons.

Yes, I already use it for other things.

2) You're positioning the button and not the label anyhow. See difference
below. You'll want to rename your class, as it will apply to many other
buttons. I've used it here just because it's pre-existing.

form
fieldset class="GroupBox1"
legend>GroupBox1</legend
div class="FFemaleRadioButton"
input type="radio" id="sexm" name="Sex" value="male" /
label for="sexm">Male</label
/div
div class="FFemaleRadioButton"
input type="radio" id="sexf" name="Sex" value="female" /
label for="sexf">Female</label
/div
/fieldset
/form

Well the above isn't really what I want but it has led me to a solution.

This is a groupbox with separate radiobuttons, it can contain checkboxes
or other controls such as an edit, as well. I also have a radiogroubox,
it has only radio buttons and they have an itemindex.

I'm not making this into an inout form although the only way to get
the radios and checks is to use input tags.

I am translating a Delphi Form into an HTML page. I am going to leave it
up to the HTML designer to modify for input.

<SNIP>

1) You should use label, but for other reasons.

2) You're positioning the button and not the label anyhow. See difference
below. You'll want to rename your class, as it will apply to many other
buttons. I've used it here just because it's pre-existing.

SNIP

what determines the positioning of the label if you don't use
CSS positioning?