Text wraps underneath radio buttons

[Jesse Torres]

Hello to all,


Some of my forms have radio buttons with long labels. When the text is too long, it wraps underneath the button, which looks terrible, instead of just under the text.

Example - What it looks like:
- aaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
- bbbbbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbbbbbbbbbbb

I want to have the second line of text under the first line of text.

Please help.

Thanks,
[ June 15, 2006: Message edited by: Jesse Torres ]

[Eric Pascarello]

place it in a div and float the div or use multiple cells

Eric

[Jesse Torres]

Originally posted by Eric Pascarello:
place it in a div and float the div or use multiple cells

Eric

Hello Eric,

Thank you so much for your help. The float tag perfectly aligned the second line of text under the first one. However, now this is the output:

Now both lines wrap under the radio button.
-
aaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
-
bbbbbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbbbbbbbbbbb



Please help.

[Bear Bibeault]

Don't float the label, just the radio button.

[Jesse Torres]

Originally posted by Bear Bibeault:
Don't float the label, just the radio button.

Hello,

Thanks!!!

I have floated the radio button and it works fine. However, it only works in IE. It doesn't work in Firefox. So now I am trying to get it to work on Firefox.

Thanks again

[Jesse Torres]

Help!

This is working fine for IE. However, it is not with Firefox. It works on certain lines with Firefox while it doesn't work on others.
Example - What it looks like with Firefox.
- aaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
- bbbbbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbbbbbbbbbbb

Help

Thanks,

sus

[Eric Pascarello]

Why don't you show us what you are doing!

Eric

[Jesse Torres]

Originally posted by Eric Pascarello:
Why don't you show us what you are doing!

Eric

Hello,

I am using an IDE that basically creates the HTML. However, I can still manipulate the templates (that give me access to CSS settings). This is the only way that I can control HTML code. I cannot modify HTML output. I can only do it through templates.

CSS
mrSingleText is the label text
mrSingle is the radio button.

<!-- .mrSingleText {font-family:arial; font-size:11pt;}-->
<!-- .mrSingle {float: left;}-->

Thanks,

[Bear Bibeault]

Originally posted by Jesse Torres:

This is the only way that I can control HTML code. I cannot modify HTML output.

And you are using this productivity prevention tool because... ?

[Jesse Torres]

We use the tool at work. I don't have a "say-so" on this.

[Bear Bibeault]

My sympathies. Tools are supposed to help, not hinder you.