This week's book giveaways are in the Refactoring and Agile forums.
We're giving away four copies each of Re-engineering Legacy Software and Docker in Action and have the authors on-line!
See this thread and this one for details.
Win a copy of Re-engineering Legacy Software this week in the Refactoring forum
or Docker in Action in the Cloud/Virtualization forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Text wraps underneath radio buttons

 
Jesse Torres
Ranch Hand
Posts: 985
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
place it in a div and float the div or use multiple cells

Eric
 
Jesse Torres
Ranch Hand
Posts: 985
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Author and ninkuma
Marshal
Pie
Posts: 64631
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Don't float the label, just the radio button.
 
Jesse Torres
Ranch Hand
Posts: 985
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Ranch Hand
Posts: 985
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Why don't you show us what you are doing!

Eric
 
Jesse Torres
Ranch Hand
Posts: 985
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Author and ninkuma
Marshal
Pie
Posts: 64631
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Ranch Hand
Posts: 985
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
We use the tool at work. I don't have a "say-so" on this.
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64631
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
My sympathies. Tools are supposed to help, not hinder you.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic