[thelist] Moving away from layout tables

[Jonathan_A_McPherson at rl.gov]

That's still not *quite* it ...

The problem with that method is that radio buttons are just a touch taller
than regular text, so if the text only takes up 1 line, whatever is beneath
the label text gets floated to the left of the radio button. I get this
(again, * = radio button):

* this is a sample
  * this is another sample
  that is longer

I can put in a hard <br /> to correct this, but then I get undesirable
whitespace:

* this is a sample

* this is another sample
  that is longer

Ideas, anyone?

Jonathan.



-----Original Message-----
From: Craig Saila [mailto:crsaila at yahoo.ca]
Sent: Thursday, May 30, 2002 7:57 AM
To: thelist at lists.evolt.org
Subject: Re: [thelist] Moving away from layout tables

In fact yes, and this is probably a better way (didn't think of it before).

Float the INPUT still, but wrap the text in a block element with a wide
left margin:
  INPUT.radio { float: left; }
  P.label { margin-left: 30px; }

With the HTML:
  <input type="radio" class="radio"> <p class="label">This is a
descriptor</p>

--
Cheers,

Craig Saila