Radio buttons all on one line

[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.

[suityou01]

42 views and no suggestions?

Think of the kudos people?

[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

[mudskipper]

42 views and no suggestions?

Think of the kudos people?

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

[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.

[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>

[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

[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]

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.

[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.