excellent overview of the table-less form debate, with a very simple table-less solution

6 Nov

I should have blogged about this earlier …

http://softwareas.com/tables-the-secret-behind-every-simple-css-form#comment-…

Sam kindly took up my challenge to post his technique for table-less
forms. The summary is here:
http://siteroller.net/articles/3-column-no-tables-no-floats/

He covers the “yes you should, no I can’t” tables vs css debate and
comes up with a very simple cross-browser idiom which I’ll be keen to
try next chance I get:

“””
CSS:
span,legend{ display:-moz-inline-box; display:inline-block; }
span.td{ overflow:hidden; vertical-align:top }
span.td{ width:50% }

HTML:

elements relating to the side bar

content that belongs in the middle of the page

“””

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: