/    Sign up×
Community /Pin to ProfileBookmark

Tables -vs- DIVs

Copy linkTweet thisAlerts:
Mar 17.2010

I just read a thread where someone stated that tables shouldn’t be used for creating forms. Is that true?? I always thought that tables were made for forms and that’s the only place they were used. How would you create a form with maybe 12 different fields using just DIV’s…that just seems way too tedious.

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@MrEnderMar 17.2010 — Tables were designed to hold Data and display data much like in Excel or a Calendar. Not the way we use them.

Also divs have 100% more freedom.

And to sum it up here is a link to explain it better

http://www.hotdesign.com/seybold/index.html
Copy linkTweet thisAlerts:
@WebJoelMar 18.2010 — If the form is [I]tabular data[/I] then yes, TABLES are required.

Tabular data is like names, phone-number, addresses etc., in a series. This way, the data is lined both vertically and horizontally by section. This allows for 'tabbing' the data, and is user-agent friendly (helps Accessibility s.508 for the Handicapped)

The TH element ("table header") shows what the list of data is:

NAMES PHONE-# ADDRESS (etc)

followed by the list of each, under each heading of TH

While its easy to say that DIVs are superior (they ARE) don't dismiss TABLE-layout for tabular data. Tables are still used even in CSS, -for tabular data lists and they can be solved using CSS targeted to them.
×

Success!

Help @Ntrimgs spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...