[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