> You're excluding the simplest and most logical approach, but as you wish
I'm trying to prove a point at work that CSS can be used to handle most, if not all layout possibilities without tables. My fellow developers here still code like it's 1999. This is a very nice solution. Thank you. I'll be keeping this one handy. > Perhaps you have some width setting that should be relaxed or removed? Unfortunately it is a tight layout so I don't have much leeway. I'm actually glad I don't as this will further my point. Thanks so much again! Spell -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jukka K. Korpela Sent: Tuesday, March 06, 2007 2:34 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Wrapping Radio Buttons On Mon, 5 Mar 2007, Spellacy, Michael wrote: > Does anyone out there know how to break label text so that it does not > wrap underneath the radio button? ... > I've been trying to "wrap" my head around it for hours with no luck. > The first person to say "add a break" or "use a table" is in big trouble! > :-) You're excluding the simplest and most logical approach, but as you wish - here is an approach based on semantically empty markup formatted in CSS: <style type="text/css"> .table { display: table; } .tr { display: table-row; } .td { display: table-cell; vertical-align: top; } </style> <div class="table"> <div class="tr"><span class="td"><input type="radio" ...></span> <span class="td"><label ...>label text</span></label></div> ... </div> Naturally, this does not result in the desired appearance on IE, which does not support table-related values for the display property (but has no problem with simple tables in HTML markup - hint, hint). Neither is the appearance intolerable; the text just wraps underneath the button. (As a rule of thumb, if radio button labels are in danger of being wrapped, then they are probably too long or the layout is too tight. Perhaps you have some width setting that should be relaxed or removed?) -- Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
