Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby > Web Usability

Web Usability Discuss and review websites for better usability.


Reply
 
LinkBack Thread Tools Display Modes
Share |
  #1 (permalink)  
Old 05-12-2011, 06:42 AM
Banned
 
Join Date: 03-10-11
Posts: 8
iTrader: 0 / 0%
Div Tags or Tables?

What according to you is more better and easy, code using div layouts or tables layouts for designing. Please share your opinion...
 
Reply With Quote

Advertisement

Advertisement

  #2 (permalink)  
Old 05-12-2011, 07:00 AM
Assurance's Avatar
Junior Member
Latest Blog:
None

 
Join Date: 10-28-09
Location: Paris (France)
Posts: 45
iTrader: 0 / 0%
Html tables should be used for displaying structured data.
Div tags are much more powerful to format an HTML page!
 
Reply With Quote
  #3 (permalink)  
Old 05-12-2011, 08:26 AM
The Controversial Coder
Latest Blog:
None

 
Join Date: 05-01-06
Location: Manchester; UK
Posts: 2,543
iTrader: 0 / 0%
If you use tables for things other than tabular data which they're meant to handle, then you're using them wrong. Tables are not there to lay-out your website if it's not a tabular-data website. Also this discussion has been had literally a hefty-amount of times on V7N, try using the search function before posting the same question's again, and again.
 
Reply With Quote
  #4 (permalink)  
Old 05-12-2011, 08:28 AM
MarPlo's Avatar
Contributing Member
 
Join Date: 03-02-11
Posts: 94
iTrader: 0 / 0%
Many times what is easy is not better.
With table it's easier, but with DIV tags is better.
__________________
Free Courses and Tutorials for Web development.
Free JavaScript - jQuery Course lessons and tutorials.
 
Reply With Quote
  #5 (permalink)  
Old 05-12-2011, 08:38 AM
The Controversial Coder
Latest Blog:
None

 
Join Date: 05-01-06
Location: Manchester; UK
Posts: 2,543
iTrader: 0 / 0%
Do you have any conclusive proof that 'table-layouts' are easier than 'div-layouts'? I would find doing a 'table-layout' more difficult because it's using tables for something which they aren't used for by me, and it's illogical to use them for what they're not supposed to be used for (to me).
 
Reply With Quote
  #6 (permalink)  
Old 05-12-2011, 11:31 AM
HTMLBasicTutor's Avatar
Administrator
 
Join Date: 10-29-07
Location: British Columbia, Canada
Posts: 21,229
iTrader: 5 / 100%
I prefer CSS layouts because you can move blocks whereever you want by changing the CSS.

With table layouts
-you have to redo the pages if you want to make a major layout change.
-people tend to nest tables within tables too much

If you must use tables,
-They were meant for data not layouts
-Just do the basic layout (header, nav column cell, content cell and footer) then format the content in the cells with CSS to reduce coding bloat

Don't know why so many like tables. I personally find them a pain to work with.
__________________

HTML Basic Tutor - Learn how to code for better SEO
Basic Computer Information - Computer & internet basics for website owners

SEO troubleshooting and review services available. - Pm me.
 
Reply With Quote
  #7 (permalink)  
Old 05-12-2011, 12:29 PM
Junior Member
 
Join Date: 04-23-11
Posts: 18
iTrader: 0 / 0%
Isn't page speed with tables slower than with divs?

Also, divs are more flexible and powerful than tables.
 
Reply With Quote
  #8 (permalink)  
Old 05-12-2011, 01:25 PM
The Controversial Coder
Latest Blog:
None

 
Join Date: 05-01-06
Location: Manchester; UK
Posts: 2,543
iTrader: 0 / 0%
Quote:
Originally Posted by rahulparekh View Post

Also, divs are more flexible and powerful than tables.
Proof? Tables are extremely powerful for what they are made for... Tabular data. It's like asking a bloke to do ironing, they can do it, but it's not what they're there for.
 
Reply With Quote
  #9 (permalink)  
Old 05-14-2011, 04:28 AM
Junior Member
 
Join Date: 05-14-11
Location: Mumbai
Posts: 5
iTrader: 0 / 0%
div increases speed of page loads and also they are easy to maintain than tables.
 
Reply With Quote
  #10 (permalink)  
Old 05-16-2011, 01:45 AM
denysaputra's Avatar
Contributing Member
 
Join Date: 05-13-11
Location: Surakarta, Indonesia
Posts: 486
iTrader: 0 / 0%
Hi, according my experience, div layout is more easily. But tables layouts also not too confused.
__________________
PM to get special coupon for highly targeted & qualified site visitors that converts at Getwebsitetraffic.org Trusted & superb! Go to our Fan page and find the surprise!
 
Reply With Quote
  #11 (permalink)  
Old 05-17-2011, 01:53 AM
The Controversial Coder
Latest Blog:
None

 
Join Date: 05-01-06
Location: Manchester; UK
Posts: 2,543
iTrader: 0 / 0%
Quote:
Originally Posted by anil.singh View Post
I think HTML Table are easy in use while in div tag we have to call css sheet thru id or class..so using div is bit hectic...
HTML Code:
<div class="example"></div>
So we have our DIV set up, with a class name of example. Now lets style it.

HTML Code:
.example { /* basic properties go here */ }
Whereas, with tables... Which are used to tabular data you would have to have something like this:

HTML Code:
<table> <tr> <td></td> <td></td> </tr> </table>
Then, we would style it.

HTML Code:
table { border: 1px solid #000000; } tr { padding: 0 0 0 0; } td { margin: 0 0 0 0; }
I know which style I would prefer to write when doing layouts. The examples in my post are extremely basic examples before anybody starts picking them apart.
 
Reply With Quote
  #12 (permalink)  
Old 05-18-2011, 11:35 AM
Junior Member
 
Join Date: 04-23-11
Posts: 18
iTrader: 0 / 0%
Quote:
Originally Posted by Dan Williamson View Post
Proof? Tables are extremely powerful for what they are made for... Tabular data. It's like asking a bloke to do ironing, they can do it, but it's not what they're there for.
My comment was for people who use tables for layouts. Divs are obviously more powerful than tables. Tables are for tabular data, obviously. So will be extremely powerful.
 
Reply With Quote
  #13 (permalink)  
Old 05-21-2011, 02:42 AM
Member
 
Join Date: 05-11-11
Posts: 35
iTrader: 0 / 0%
div tag is much better. It allows you to change your website layout better through CSS.
Table is better for displaying tabular data.
 
Reply With Quote
  #14 (permalink)  
Old 05-21-2011, 06:49 PM
GasArts.com's Avatar
Junior Member
 
Join Date: 04-17-11
Posts: 20
iTrader: 0 / 0%
well, based on personal experience, if you would ask this question to 10 people, 9 of them would choose DIVs.

using divs give you cleaner code (just div tag plus class), while using tables force you to use <table>, <tr>, and <td> tags. And less code means fast loading pages. Also divs give you one more advantage over tables as when you use divs you use CSS. so assume you wanna change the font, or color, of the whole page, you would need to change only one line in CSS, while in tables you would need to do so several times.

generally, use the newest method.
 
Reply With Quote
  #15 (permalink)  
Old 05-24-2011, 02:03 AM
The Controversial Coder
Latest Blog:
None

 
Join Date: 05-01-06
Location: Manchester; UK
Posts: 2,543
iTrader: 0 / 0%
Quote:
Originally Posted by GasArts.com View Post
when you use divs you use CSS.
I'm not too sure about you, but when I need to use a bunch of data that fits into a table, I don't just use the standard ugly tables, I format my tables with CSS. So really, this point is actually not the best. CSS Tables and Tips for Good Looking Tables.
 
Reply With Quote
  #16 (permalink)  
Old 05-25-2011, 07:59 AM
Junior Member
 
Join Date: 05-24-11
Posts: 5
iTrader: 0 / 0%
For me, I go for divs, tables are only for tabular data,but div is more professional to use when coding your site.Especially to navigation panels,most of the time,they use tables but it unprofessional and it ruins the page then resizing pages.
 
Reply With Quote
  #17 (permalink)  
Old 05-27-2011, 04:46 AM
Junior Member
 
Join Date: 05-26-11
Location: Singapore
Posts: 12
iTrader: 0 / 0%
Advantages of div:
Lesser code, flexibility--able to move elements around, future-proof?

Advantages of table:
Easier for graphic designers to grasp when switching over from print design
 
Reply With Quote
  #18 (permalink)  
Old 05-27-2011, 09:20 AM
HTMLBasicTutor's Avatar
Administrator
 
Join Date: 10-29-07
Location: British Columbia, Canada
Posts: 21,229
iTrader: 5 / 100%
Quote:
Originally Posted by themightypurpleknigh View Post
Advantages of table:
Easier for graphic designers to grasp when switching over from print design
Why do you think tables are easier for graphic designers to grasp when switching from print design to web design?
__________________

HTML Basic Tutor - Learn how to code for better SEO
Basic Computer Information - Computer & internet basics for website owners

SEO troubleshooting and review services available. - Pm me.
 
Reply With Quote
  #19 (permalink)  
Old 05-30-2011, 06:10 AM
Member
Latest Blog:
None

 
Join Date: 05-25-11
Posts: 31
iTrader: 0 / 0%
Today´s web standard are div-tables, so go for it!
 
Reply With Quote
  #20 (permalink)  
Old 05-30-2011, 03:10 PM
Contributing Member
 
Join Date: 03-25-06
Location: Galax, Virginia, USA
Posts: 358
iTrader: 0 / 0%
Tutor said: "Don't know why so many like tables. I personally find them a pain to work with." and "Why do you think tables are easier for graphic designers to grasp when switching from print design to web design?"

Tutor, I'm your test subject. I've been dabbling with website design since before gifs could be animated in all browsers, but I only started seriously using CSS this year. I think it boils down to this:
  1. CSS is more powerful. More powerful things are harder to learn because there are more options and more ways to mess up.
  2. People learn tables before Divs. I learned HTML from a free online primer. I just checked Google's #1 online primer, and it still teaches tables before Divs. I think that outside a formal teaching environment, people will recognize when they know enough to pull off a project and dive in. People don't want to go through the whole primer when they can basically make a good looking website by chapter 2.

In addition, for me, I learned tables more easily because their functionality is very similar to making tables in Microsoft Word and Publisher. Style sheet functionality was much less visible in office software. Did CSS even exist when I learned HTML? The other part of the under-utilization problem may be that people learned to do it a certain way in the early 90's, and we're still out there. CSS advocates usually don't do a good job of explaining to under-utilizers what's in it for them to update and expand their CSS skills.
__________________
Gary Brazzell / Brazzell Marketing Agency
Be First in the Minds of Your Customers!
Physical Therapy Marketing / Home Health Care Marketing
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Web Usability

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
tables gregy123 Coding Forum 9 10-12-2009 02:25 PM
Why don't the tables to what I want them to do! Klaas Koopman Coding Forum 11 04-06-2006 08:51 AM
Tables or CSS? ATLien Web Usability 47 02-24-2006 09:12 AM
CSS vs. Tables GeXus SEO Forum 8 11-20-2005 01:22 PM
Tables vs. Css austendesigns Web Design Lobby 32 04-30-2005 06:06 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 07:25 AM.
Powered by vBulletin
Copyright © 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2014 Escalate Media




Search Engine Optimization by vBSEO 3.6.0 RC 2 ©2011, Crawlability, Inc.