Radio buttons all on one line

[Bunk]

If it's still not working Suity, get Firebug on it and check which CSS is being applied to those elements to bork it. It may need tweaked to not affect those, or you may need some new CSS rules to fix your problem.

[Bunk]

I thought that (but haven't tried it yet, so that's the first thing I will try tonight).

In all the examples I looked at the label superseded the input tag (not doubting you here) I just thought the "for" attribute in the label tag negated the need to nest.

In the example I tried on MSs jsfiddle, the tags were not nested but the desired result was displayed.

I believe you are right. "for" means the user can click on the label and access the control, so a useability thing.

Either way is ok. If you put an input inside the label it has to be the associated one, can't include any others. I usually keep them separate because I find it makes it easier to style and position them where I want.

[Zippy]

I
In all the examples I looked at the label superseded the input tag (not doubting you here) I just thought the "for" attribute in the label tag negated the need to nest.

I believe you are right. "for" means the user can click on the label and access the control, so a useability thing.

[suityou01]

not quite you need to nest the input within the label tag not before or after it.

<fieldset>
<legend>Data Entry</legend>

<label for = "standardentry"><input type = "radio" name = "standardentry" id = "standardentry" value = "standard" checked = "checked" /> Standard Entry</label> 
<label for = "quickentry"><input type = "radio" name = "quickentry" id = "quickentry" value = "quick"/> Quick Entry</label>

</fieldset>

I thought that (but haven't tried it yet, so that's the first thing I will try tonight).

In all the examples I looked at the label superseded the input tag (not doubting you here) I just thought the "for" attribute in the label tag negated the need to nest.

In the example I tried on MSs jsfiddle, the tags were not nested but the desired result was displayed.

[eek]

I tried it in jsfiddle and it works ok.

Clearly some residual css that's borked it. OK as you were folks, it's me being thick (again). I'll look at it tonight.

Neat site btw

not quite you need to nest the input within the label tag not before or after it.

<fieldset>
<legend>Data Entry</legend>

<label for = "standardentry"><input type = "radio" name = "standardentry" id = "standardentry" value = "standard" checked = "checked" /> Standard Entry</label> 
<label for = "quickentry"><input type = "radio" name = "quickentry" id = "quickentry" value = "quick"/> Quick Entry</label>

</fieldset>

[suityou01]

Dunno if this is the best way, but it works.

<label>No&nbsp;<input type="radio" name="suity" value="no"/></label>
<label>Yes&nbsp;<input type="radio" name="suity" value="yes"/></label>

Edit this Fiddle - jsFiddle

I tried it in jsfiddle and it works ok.

Clearly some residual css that's borked it. OK as you were folks, it's me being thick (again). I'll look at it tonight.

Neat site btw

[suityou01]

Thanks. Can I ask, where is the frameset in your examples?

How to Create a Radio Button in an HTML5 Form - For Dummies

See how this example works. I do the same and it goes all over the place.

Technically I think labels and radios are "inline" by default so it should work "out of box".

I observe differently though.

Edit : Actually posting the html I am using may help those that have already been so kind as to offer a potential solution. Should have done this right at the start. Apologies.

<fieldset>
		<legend>Data Entry</legend>
		<p>
			<input type = "radio" name = "standardentry" id = "standardentry" value = "standard" checked = "checked" />
			<label for = "standardentry">Standard Entry</label>
			<input type = "radio" name = "quickentry" id = "quickentry" value = "quick"/>
			<label for = "quickentry">Quick Entry</label>
		</p>
</fieldset>

[eek]

Give us a chance - I was just having a fiddle.

Surely its

<label><input type="radio" name="suity" value="no"  />No&nbsp;</label>
<label><input type="radio" name="suity" value="yes"/>Yes&nbsp;</label>

to get the text after the radiobutton.

Are you sure you don't have other css adding a line break.

[mudskipper]

42 views and no suggestions?

Think of the kudos people?

Give us a chance - I was just having a fiddle.

[mudskipper]

Dunno if this is the best way, but it works.

<label>No&nbsp;<input type="radio" name="suity" value="no"/></label>
<label>Yes&nbsp;<input type="radio" name="suity" value="yes"/></label>

Edit this Fiddle - jsFiddle

[suityou01]

42 views and no suggestions?

Think of the kudos people?

[suityou01]

OK little html css pop quiz for anyone that's up for it.

[Read I've spent all evening messing to get precisely nowhere]

I want, two radio buttons, with corresponding labels, in a frameset, all on one line.

That's it. Nothing more.

So that's

(.) Some label (.) Some other label

What I get is

(.) (.) Some label Some other label

No matter what I try.

In desperation I switched to <ul> but got the same end result. Both in FF and IE10.