[thelist] lining up forms using CSS

Tony Crockford tonyc at boldfish.co.uk
Fri Nov 15 14:23:01 CST 2002


> Anyway, it seemed a bit complicated too. I rewrote it using float
> like this, and it works perfectly in both browsers:
>
> <div class="row"> //just some presentation styling
> <div style="float: left; width: 100px;">Menu Item:</div><input
> type="text" id="item" name="item" value="" size="25" />
> </div>
>
> Not only does it work perfect, its less code and allows me to use the
> LABEL tag, which I haven't got to yet. Let me know if this doesn't
> work somewhere..
>

That's worth noting!

I didn't have much fun with it either, but put it down to my poor
coding, and ended up using <fieldset> to group elements together with a
descriptive legend - looks cool in IE6.0 and now Opera7.0 even renders
it the same...




More information about the thelist mailing list