469,328 Members | 1,324 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,328 developers. It's quick & easy.

Tables

Hello,

I have been always using div's for web site design and no tables.
However, I have to admit that sometimes tables are useful when
creating for example a form.

What is your advice? Only div's with no tables?

What do people usually use for forms when they use no tables.

Look at this form:
http://www.telerik.com/client.net/lo...on/b29t-t.aspx

Thanks,
Miguel

May 19 '07 #1
7 2109
shapper wrote:
>
I have been always using div's for web site design and no tables.
There is a big misconception that *all* tables are to be avoided. False.
Use tables for tabular data, just avoid their use for general layout
purposes. I consider forms to be generally tabular in nature, since
there is a direct relationship between a label and its control. A
2-column table can be perfectly acceptable, but sometimes a fieldset is
a better choice. Like anything else, it depends on the particular data.
Look at this form:
http://www.telerik.com/client.net/lo...on/b29t-t.aspx
You should take a look at it with JavaScript disabled. It's not good.

--
Berg
May 19 '07 #2
On May 19, 2:48 pm, Bergamot <berga...@visi.comwrote:
shapper wrote:
I have been always using div's for web site design and no tables.

There is a big misconception that *all* tables are to be avoided. False.
Use tables for tabular data, just avoid their use for general layout
purposes. I consider forms to be generally tabular in nature, since
there is a direct relationship between a label and its control. A
2-column table can be perfectly acceptable, but sometimes a fieldset is
a better choice. Like anything else, it depends on the particular data.
Look at this form:
http://www.telerik.com/client.net/lo...t-registration...

You should take a look at it with JavaScript disabled. It's not good.

--
Berg
But as far as I can see a field set is not easy to use for aligning
the form elements. I would like to have something like:

First Name: first name textbox

Last Name: last name textbox

Address: address textbox

I think table is the best way to do this right?

I mean, can I make this with CSS?

I have been using CSS for sometime and replicating this kind of forms
using divs and css seems a really hard work if compared with using a
table.

Any idea?

Thanks,
Miguel

May 19 '07 #3
shapper wrote:
On May 19, 2:48 pm, Bergamot <berga...@visi.comwrote:
>shapper wrote:
>>I have been always using div's for web site design and no tables.
There is a big misconception that *all* tables are to be avoided. False.
Use tables for tabular data, just avoid their use for general layout
purposes. I consider forms to be generally tabular in nature, since
there is a direct relationship between a label and its control. A
2-column table can be perfectly acceptable, but sometimes a fieldset is
a better choice. Like anything else, it depends on the particular data.
>>Look at this form:
http://www.telerik.com/client.net/lo...t-registration...
You should take a look at it with JavaScript disabled. It's not good.

--
Berg

But as far as I can see a field set is not easy to use for aligning
the form elements. I would like to have something like:

First Name: first name textbox

Last Name: last name textbox

Address: address textbox

I think table is the best way to do this right?

I mean, can I make this with CSS?

I have been using CSS for sometime and replicating this kind of forms
using divs and css seems a really hard work if compared with using a
table.

Any idea?
Yes, it can be done without tables. Not really all that difficult
either. Here's an example that I've used a few times, with an ordered
list and styled elements therein:

http://beta.ksscholl.com/jquery/form2col.html

This is but one possible solution, and I'm sure there are some who will
reply that this method is faulty in some way. But it is, IMO, cleaner
than using a table, and degrades gracefully.

--

*** Remove the DELETE from my address to reply ***

================================================== ====
Kevin Scholl http://www.ksscholl.com/
ks*****@comcast.DELETE.net
------------------------------------------------------
Information Architecture, Web Design and Development
------------------------------------------------------
We are the music makers, and we are the dreamers of
the dreams...
================================================== ====
May 19 '07 #4
In article <J_******************************@comcast.com>,
Kevin Scholl <ks*****@comcast.DELETE.netwrote:
Yes, it can be done without tables. Not really all that difficult
either. Here's an example that I've used a few times, with an ordered
list and styled elements therein:

http://beta.ksscholl.com/jquery/form2col.html

This is but one possible solution, and I'm sure there are some who will
reply that this method is faulty in some way. But it is, IMO, cleaner
than using a table, and degrades gracefully.
It certainly is a nice looking form. And works very nicely in
Safari at least. Whether it is cleaner than using tables is hard
to say.

--
dorayme
May 20 '07 #5

"dorayme" <do************@optusnet.com.auwrote in message
news:do**********************************@news-vip.optusnet.com.au...
In article <J_******************************@comcast.com>,
Kevin Scholl <ks*****@comcast.DELETE.netwrote:
http://beta.ksscholl.com/jquery/form2col.html

It certainly is a nice looking form. And works very nicely in
Safari at least. Whether it is cleaner than using tables is hard
to say.
Nice and appropriate use of the list element as well.
May 20 '07 #6
On May 20, 10:11 pm, "Neal" <neal...@gmail.comwrote:
"dorayme" <doraymeRidT...@optusnet.com.auwrote in message

news:do**********************************@news-vip.optusnet.com.au...
In article <J_ydneQApJ5bxNLbnZ2dnUVZ_umln...@comcast.com>,
Kevin Scholl <ksch...@comcast.DELETE.netwrote:
>http://beta.ksscholl.com/jquery/form2col.html
It certainly is a nice looking form. And works very nicely in
Safari at least. Whether it is cleaner than using tables is hard
to say.

Nice and appropriate use of the list element as well.
Really nice form. Maybe the best I have seen which does not uses
tables.

I hope you don't mind that I follow your code. :-)

Thank You Very Much,
Miguel

May 21 '07 #7
On May 21, 3:40 pm, shapper <mdmo...@gmail.comwrote:
Really nice form. Maybe the best I have seen which does not uses
tables.
Thanks (to all of you who've offered kind words)!
I hope you don't mind that I follow your code. :-)
Not at all ... glad to share. Be aware that I am using a bit of the
jQuery Javascript library for a few enhancements there. If you leave
it out, nothing in the layout will be drastically affected, but you
may wish to manually add the class "radioBtn" to any radio buttons,
and the class "checkBox" to any checkboxes to retain vertical
alignment.

Here's a few others on some current projects using the same general
methodology:

http://review.ksscholl.com/Contact.php
http://review2.ksscholl.com/Donation...equestDonation
http://review2.ksscholl.com/Contact.php

Good luck!

May 21 '07 #8

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

44 posts views Thread by Mariusz Jedrzejewski | last post: by
3 posts views Thread by Random Person | last post: by
11 posts views Thread by dskillingstad | last post: by
59 posts views Thread by phil-news-nospam | last post: by
5 posts views Thread by rdemyan via AccessMonster.com | last post: by
4 posts views Thread by db2admin | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by Purva khokhar | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.