473,594 Members | 2,658 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2443
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*****@comcas t.DELETE.netwro te:
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.a uwrote in message
news:do******** *************** ***********@new s-vip.optusnet.co m.au...
In article <J_************ *************** ***@comcast.com >,
Kevin Scholl <ks*****@comcas t.DELETE.netwro te:
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.a uwrote in message

news:do******** *************** ***********@new s-vip.optusnet.co m.au...
In article <J_ydneQApJ5bxN LbnZ2dnUVZ_umln ...@comcast.com >,
Kevin Scholl <ksch...@comcas t.DELETE.netwro te:
>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
3856
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 other browsers (I checked it under Konqueror). Thank you in advance for your help. Regards. /Mariusz <HTML>
3
24014
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 tables in the database where the code resides. If we move the database with the data tables to a new directory, the links are no longer valid. I tried to update the links by changing the Connect property and refreshing: Set td = db.TableDefs(0)...
11
4511
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 database,just help in getting me pointed in the right direction. I have a database with 8 tables, which from what I have read, cannot be linked on a single form, and be updatable. I have created a query which includes all 8 tables, and then...
2
6003
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, and the linked tables are successfully created. I use the data from these linked tables in several forms. All works great until I close the Access frontend and open it again. When I try to use the forms, I get an error message: "Could not...
1
6315
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 into its own datatable, modify them, and add them to a dataset. It take approximately 15 minutes to pass that dataset to Crystal Reports (45 minutes if the report uses three subreport datasets). Then it takes over 7 hours for Crystal to...
59
3637
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 about the fact that IE doesn't support CSS tables. But what can one do about that? And tables of one type or the other are needed in some cases (regardless of whether some people feel it is appropriate or not). So the issue I and considering...
5
4087
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 table in design mode and then add the new field and set its properties. Thanks. --
4
2098
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 activity on tables for a month by taking snapshots on tables and then i will see if this rearrangement is possible. What are the factors, measures etc. i should consider for rearranging tables.
25
45737
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 the future, so the front-end application must have a way to keep up with this (instead of manually linking them).
11
3661
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) and the 'employee name'. There is another table which assigns an ID to the Shifts, i.e. 1,2 and 3 for morn, eve & night shifts respectively. From the mother table, the incentive is calculated datewise for each employee as per his shift duty. In...
0
7954
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8259
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8377
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8016
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8244
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
5836
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5415
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
3905
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2391
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

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.