• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Paul Clapham
  • Ron McLeod
  • Jeanne Boyarsky
  • Tim Cooke
Sheriffs:
  • Liutauras Vilda
  • paul wheaton
  • Henry Wong
Saloon Keepers:
  • Tim Moores
  • Tim Holloway
  • Stephan van Hulst
  • Carey Brown
  • Frits Walraven
Bartenders:
  • Piet Souris
  • Himai Minh

Text wraps underneath radio buttons

 
Ranch Hand
Posts: 985
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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 ]
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • 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.
 
Sheriff
Posts: 67637
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
Sheriff
Posts: 67637
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
We use the tool at work. I don't have a "say-so" on this.
 
Bear Bibeault
Sheriff
Posts: 67637
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
My sympathies. Tools are supposed to help, not hinder you.
 
This tiny ad is guaranteed to be gluten free.
Free, earth friendly heat - from the CodeRanch trailboss
https://www.kickstarter.com/projects/paulwheaton/free-heat
reply
    Bookmark Topic Watch Topic
  • New Topic