Chris,
On Jan 31, 2006, at 2:33 AM, Chris Ovenden wrote:
> I don't know if you tried your first example in Firefox, but it worked
> just fine. IE sometimes goes haywire on all-floated layouts, however,
> and putting each line inside a block element was a pretty good cure.
> The inputs don't need to be floated, however, and the number of divs
> can be slimmed down a bit, like this:
>
> <html>
> <body>
> <div><label style="width: 120px; float: left; clear:
> left;">Label 1:</label>
> <input style="width: 210px; " type="text"
> id="input1" /></div>
> <div><label style="width: 120px; float: left; clear:
> left;">Label 2:</label>
> <input style="width: 210px; " type="text"
> id="input2" /></div>
> </body>
> </html>
A slightly more semantic choice (with similar css applied) might be...
<form...>
<fieldset>
<label><span>Label1:</span><input id="input1" type="text"></label>
...
I sometimes use a table anyway for the benefit of browsers that aren't
css capable, but it depends on the form and the audience.
hth
--
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
