473,386 Members | 1,606 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

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 2426
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

44
by: Mariusz Jedrzejewski | last post by:
Hi, I'll be very grateful if somebody can explain me why my Opera 7.23 (runing under linux) doesn't show me inner tables. Using below code I can see only "inner table 1". There is no problem with...
3
by: Random Person | last post by:
Does anyone know how to use VBA to relink tables between two MS Access databases? We have two databases, one with VBA code and the other with data tables. The tables are referenced by linked...
11
by: dskillingstad | last post by:
I've been struggling with this problem for some time and have tried multiple solutions with no luck. Let me start with, I'm a novice at Access and I'm not looking for someones help to design my...
2
by: Jill Elaine | last post by:
I am building an Access 2002 frontend with linked tables to an encrypted Paradox 7 database. When I first create these linked tables, I'm asked for the password to the encrypted Paradox database,...
1
by: Shelby | last post by:
Problem: My company generates its own data export from a propietary database. These (free) tables can be read in C#.NET using a Visual FoxPro driver (vfpoledb). I can read each of the six tables...
59
by: phil-news-nospam | last post by:
In followups by Brian O'Connor (ironcorona) to other posts, he repeats the idea that using tables in CSS is not something that should be done because IE doesn't support it. Of course I'm not happy...
5
by: rdemyan via AccessMonster.com | last post by:
I have a need to add another field to all of my tables (over 150). Not data, but an actual field. Can I code this somehow. So the code presumabley would loop through all the tables, open each...
4
by: db2admin | last post by:
Hello, I want to plan rearranging tables in our database according to business areas. say all tables in business area A will be in seperate tablespace or tablespaces. I am planning to monitor...
25
by: bubbles | last post by:
Using Access 2003 front-end, with SQL Server 2005 backend. I need to make the front-end application automatically refresh the linked SQL Server tables. New tables will be added dynamically in...
11
by: shriil | last post by:
Hi I have this database that calculates and stores the incentive amount earned by employees of a particular department. Each record is entered by entering the Date, Shift (morn, eve, or night)...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.