[thelist] lining up forms using CSS

Tom Dell'Aringa pixelmech at yahoo.com
Fri Nov 15 14:15:01 CST 2002


--- Tony Crockford <tonyc at boldfish.co.uk> wrote:

> >
> > +---------+-------------+
> > | name:   | [ field ]   |
> > | phone:  | [ field ]   |
> > | zip:    | [ field ]   |
> > +---------+-------------+
> >
> > Tom
>
> How about this:
>
> http://www.realworldstyle.com/forms.html

Turns out thats the same article as AlistApart. That code totally did
not work for me in IE6 AT ALL. Nor did it work in NS6.2. I realize
its an old article but I was surprised.

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..

Tom

=====
var me = tom.pixelmech.webDeveloper();

http://www.pixelmech.com/
http://www.maccaws.com/
[Making A Commercial Case for Adopting Web Standards]

__________________________________________________
Do you Yahoo!?
Yahoo! Web Hosting - Let the expert host your site
http://webhosting.yahoo.com



More information about the thelist mailing list