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 |
  #21 (permalink)  
Old 05-30-2011, 04:16 PM
HTMLBasicTutor's Avatar
Administrator
 
Join Date: 10-29-07
Location: British Columbia, Canada
Posts: 21,214
iTrader: 5 / 100%
Quote:
Cascading Style Sheets, level 1
W3C Recommendation 17 Dec 1996, revised 11 Apr 2008
http://www.w3.org/TR/2008/REC-CSS1-20080411/

Quote:
Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.
http://www.w3.org/TR/html4/struct/tables.html#h-11.1
i.e. Your table design will break the user's browser

Ok, so beyond the specification thing here's the problem I see,
You guys that use WYSWYG editors and/or tables who don't want to learn CSS keep nesting tables to force the browser to do what you want it do.

This adds to the overall web page file size where the file size could be better used to add important stuff like content!

Tables "stall" the rendering of a page because the browser has to read all your table coding to figure out how to create the table(s) you built. News flash: not everyone has the latest greatest computer or web connection. And even if the visitors do have newer stuff, depending on how many tables you used, what's running on their computer at the same time and how fast their connection is at the specific moment they visited your site your page can still hesitate when rendering. Oh, there's the server load too that can effect delivery of your web pages whether you use tables or not. Anything you can do to improve the rendering of your pages is a good thing.

Here, Learn to Design HTML Tables with Less Code, I show readers condensing your table coding using colspan and rowspan alone in the simple example saved 10% on that table. Now think about all the nested tables people use plus inline cell formatting (which most has been deprecated since HTML 4.01). That not only is a lot of coding to maintain it takes away from the content "space" available on a good file size for a web page.

Dispite the fact the WYSWYG editors and other programs let you create web pages, the web is not print! You have no control over the visitor's machine, their settings, their connection, etc. (Well, you might find programming to force the issue and end up making the visitor leave in disgust 'cause you screwed with their settings ).
__________________

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

Advertisement

Advertisement

  #22 (permalink)  
Old 05-31-2011, 05:16 AM
Contributing Member
Latest Blog:
None

 
Join Date: 05-26-11
Posts: 56
iTrader: 0 / 0%
Thumbs up

Div layout is better than table layout when it comes for web pages. Especially at the time of making some modifications, you will find div tag is easier than table tag. Div gives a professional look to your site when compare with using table.
__________________
web hosting cheap | | webhostinghub

Last edited by Aneesh; 05-31-2011 at 05:20 AM.
 
Reply With Quote
  #23 (permalink)  
Old 07-21-2011, 12:43 AM
findyourartschool's Avatar
Contributing Member
Latest Blog:
None

 
Join Date: 06-07-11
Location: India
Posts: 90
iTrader: 0 / 0%
I'll suggest for using div as if you want to alter your design later then its easy to work with div then as compared to tables.
 
Reply With Quote
  #24 (permalink)  
Old 07-23-2011, 02:36 AM
Contributing Member
Latest Blog:
None

 
Join Date: 07-22-11
Location: Nepal
Posts: 73
iTrader: 0 / 0%
Definitely Div

I suppose div is latest and best. But If you have to do tabular presentation, you can use table, but for designing purpose all have to use Div.
__________________
Steve Gibson
Yoga poses for Diabetes
Health benefits of Cantaloupe
 
Reply With Quote
  #25 (permalink)  
Old 07-24-2011, 02:35 PM
Contributing Member
 
Join Date: 07-20-11
Posts: 57
iTrader: 0 / 0%
Div is way easier to design with than a table. Divs can be modified really easy via CSS and it is also fast to change a DIV tag as well. Not to mention tables also take lots of room in the code and it can get messy.
 
Reply With Quote
  #26 (permalink)  
Old 08-02-2011, 11:14 AM
Member
Latest Blog:
None

 
Join Date: 07-26-11
Posts: 34
iTrader: 0 / 0%
Depends on what you're doing but table-less CSS IMHO looks better and gives you a lot more control of your layout.
 
Reply With Quote
  #27 (permalink)  
Old 08-03-2011, 08:54 AM
Contributing Member
 
Join Date: 06-12-11
Posts: 82
iTrader: 0 / 0%
The question is misleading.

HTML is a mark up language. It's not a design language. CSS is.

The best practice for marking up a website is to create the content first and then wrap it in appropriate tags. If for some reason you can't get the right style using this perfect mark up combined with CSS, then you add divs. But they're still wrong.

Tables should never be used for layout - they're for tabular data. Just like the bold tag shouldn't be used to make headings - you use heading tags for that.
 
Reply With Quote
  #28 (permalink)  
Old 08-04-2011, 12:33 PM
Member
Latest Blog:
None

 
Join Date: 07-23-11
Posts: 40
iTrader: 1 / 100%
i never used tables in my life >
div tags are best according to my experience
 
Reply With Quote
  #29 (permalink)  
Old 08-04-2011, 12:42 PM
Junior Member
Latest Blog:
None

 
Join Date: 08-04-11
Location: USA
Posts: 44
iTrader: 0 / 0%
Tables can, of course, be used for layouts, however they are certainly not the best choice. HTML is for content and CSS is for presentation for a reason. Why must you dig through HTML whenever you want to change a layout? With CSS you can link to an external stylesheet and make the HTML document shorter as well. And what if you want to make a table for other purposes within the layout? If you tweaked the stylesheet for the layout table, it'd look really odd. Tables are for people that are new to the game, nothing else.
 
Reply With Quote
  #30 (permalink)  
Old 08-13-2011, 09:58 AM
Contributing Member
Latest Blog:
None

 
Join Date: 08-13-11
Posts: 103
iTrader: 0 / 0%
Div tags are better. They require less code and you can control everything about them all in your CSS file. So, go with Div tags and use floats in order to arrange them left or right.
__________________
Advanced Atlanta SEO and Atlanta Search Engine Optimization Consulting Services.
 
Reply With Quote
  #31 (permalink)  
Old 08-13-2011, 02:02 PM
Contributing Member
Latest Blog:
None

 
Join Date: 05-10-11
Location: Germany
Posts: 87
iTrader: 0 / 0%
Divs for layout, tables for real tables. Divs load faster and are easier to handle. Furthermore the float function allows better layout options.
__________________
"Life is too short to drink bad wines."
Weingut Fuchs The Fuchs Wine Estate | Wein Online-Shop
 
Reply With Quote
  #32 (permalink)  
Old 08-15-2011, 09:51 PM
mathman's Avatar
Contributing Member
Latest Blog:
None

 
Join Date: 08-13-11
Posts: 90
iTrader: 0 / 0%
Divs are by far the easiest and most powerful way to format html pages. Use tables only for small pieces of data.
__________________
Sonos ZP90 ll Sonos ZP120
 
Reply With Quote
  #33 (permalink)  
Old 08-20-2011, 05:00 AM
Junior Member
 
Join Date: 08-20-11
Posts: 8
iTrader: 0 / 0%
Quote:
Originally Posted by denysaputra View Post
Hi, according my experience, div layout is more easily. But tables layouts also not too confused.
if you're using html editor like dreamweaver, layouts using tables are like eating peanuts
 
Reply With Quote
  #34 (permalink)  
Old 08-22-2011, 08:01 AM
Contributing Member
 
Join Date: 03-25-06
Location: Galax, Virginia, USA
Posts: 358
iTrader: 0 / 0%
Huh?

Quote:
Originally Posted by rlawris View Post
if you're using html editor like dreamweaver, layouts using tables are like eating peanuts
Tasty and salty?
__________________
Gary Brazzell / Brazzell Marketing Agency
Be First in the Minds of Your Customers!
Physical Therapy Marketing / Home Health Care Marketing
 
Reply With Quote
  #35 (permalink)  
Old 08-24-2011, 03:37 PM
Contributing Member
Latest Blog:
None

 
Join Date: 08-18-11
Location: London
Posts: 68
iTrader: 0 / 0%
Div tags are much better for the layout of web pages.
__________________
Cheap UK Based Web Hosting
from 2.49 per month
http://www.readersroofing.co.uk
 
Reply With Quote
  #36 (permalink)  
Old 08-25-2011, 08:29 AM
Contributing Member
 
Join Date: 03-25-06
Location: Galax, Virginia, USA
Posts: 358
iTrader: 0 / 0%
I was surfing the web yesterday looking for design ideas to steal (ahem, "inspire me"). I found this well-designed site. As I poked around I found a large page where the designer, obviously an expert in CSS, used a good old fashioned table, with table borders and everything. It gave me a nostalgic warm and fuzzy.

http://vitalcarerehab.com/index.php?...=88&Itemid=160
__________________
Gary Brazzell / Brazzell Marketing Agency
Be First in the Minds of Your Customers!
Physical Therapy Marketing / Home Health Care Marketing
 
Reply With Quote
  #37 (permalink)  
Old 10-24-2011, 03:53 AM
enkonversations's Avatar
Contributing Member
Latest Blog:
None

 
Join Date: 09-23-11
Posts: 85
iTrader: 0 / 0%
Div is best but it is difficult to make as compare to table because of Dreamweaver it is very easy to make website in Table.

Div is little bit complicated.
 
Reply With Quote
  #38 (permalink)  
Old 10-25-2011, 09:19 AM
Contributing Member
 
Join Date: 03-25-06
Location: Galax, Virginia, USA
Posts: 358
iTrader: 0 / 0%
Dreamweaver effects

Quote:
Originally Posted by enkonversations View Post
Div is best but it is difficult to make as compare to table because of Dreamweaver it is very easy to make website in Table.

Div is little bit complicated.
I agree somewhat. Dreamweaver CS3 makes divs a little more difficult by not always showing them correctly in the preview mode. Dreamweaver CS3 will show my divisions positioned in unexpected ways, but when I test them in Chrome, IE, and Firefox, they all look great. In other ways, CS3 makes divs very easy. I have CS4 and CS5 in my office, but I haven't tested this on them.
__________________
Gary Brazzell / Brazzell Marketing Agency
Be First in the Minds of Your Customers!
Physical Therapy Marketing / Home Health Care Marketing
 
Reply With Quote
  #39 (permalink)  
Old 10-30-2011, 09:09 PM
Contributing Member
Latest Blog:
None

 
Join Date: 06-14-10
Posts: 897
iTrader: 0 / 0%
Div Tags and Tables are old technology. CSS is the new and more current standard that is being used currently. You should definitely learn it if you haven't already.
__________________
My Site: MacLappy [link soon!]

Hosted by: Myhosting.com
 
Reply With Quote
  #40 (permalink)  
Old 11-02-2011, 01:07 AM
Junior Member
 
Join Date: 11-01-11
Posts: 7
iTrader: 0 / 0%
i agree to some extent, though i would like to add that if u use CSS3 in conjunction with DIV tags, it has a beauty of its own.
 
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 12:16 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.