[thelist] CSS: radio button inline with text - how?
aardvark
roselli at earthlink.net
Thu Jun 21 12:01:57 CDT 2001
> From: "Seth Bienek" <seth at sethbienek.com>
[...]
> Here's what I have in a table cell:
>
> Sex: <input type="radio" name="applicantSex"
> value="M">M <input type="radio" name="applicantSex"
> value="F">F
>
> (note that I have removed the 'experimental' inline css for brevity)
>
> Can anyone offer suggestions on cross-browser css designations to keep
> this from wrapping at the radio buttons?
it's in a table cell? did you try the (non-HTML 4) 'nowrap' attribute
in the <td>? or the (non-HTML 4) <nobr></nobr> tags?
i'd also suggest wrapping your text labels in a <label>:
<td nowrap class="foo">
Sex:
<input type="radio" name="applicantSex" value="M"
id="applicantSexM"><label for="applicantSexM">Male</label>
<input type="radio" name="applicantSex" value="F"
id="applicantSexF"><label for="applicantSexF">Female</label>
</td>
More information about the thelist
mailing list