WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

View Poll Results: Which style do you use when building your site?
<table> 20 20.83%
<div> 34 35.42%
other 42 43.75%
Voters: 96. You may not vote on this poll

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 10-03-2003, 12:21 PM
drummin drummin is offline
WebProWorld Veteran
 

Join Date: Aug 2003
Location: California,USA
Posts: 373
drummin RepRank 0
Default Do you use <div> or <table>

Hello everyone,
I have made several post stating my personal preference for page Coding.
My style being, laying out your page with <div class=””></div> TAGS with their placement and style properties defined in exterior CSS. This way your main body of text can be placed directly under the <BODY> TAG.
I have seen many sites posted here designed using tables. My problem with tables is how spaced the content is with all the <tr><td> TAGS and the main text content ending up way at the bottom of your Code.

Which style do you use and why?
Drummin
__________________
Hello everyone! Newbie. Self-taught. Loves writing web-code.
Reply With Quote
  #2 (permalink)  
Old 10-03-2003, 12:32 PM
carbonize carbonize is offline
WebProWorld Veteran
 

Join Date: Jul 2003
Location: Bristol, UK
Posts: 965
carbonize RepRank 0
Default Re: Do you use <div> or <table>

Quote:
Originally Posted by drummin
My problem with tables is how spaced the content is with all the <tr><td> TAGS and the main text content ending up way at the bottom of your Code.
Hmmmm spaced? You have tried <TABLE cellpadding="0" cellspacing="0">?? cellspacing is the space between each cell and cellpadding is the space between the cells edge and it's content. Give me an example page of "spaced".
__________________
Carbonize
Reply With Quote
  #3 (permalink)  
Old 10-03-2003, 01:26 PM
drummin drummin is offline
WebProWorld Veteran
 

Join Date: Aug 2003
Location: California,USA
Posts: 373
drummin RepRank 0
Default

Hello Carbonize,
I was referring to the amount of code and the relative distance your “main text” is from your BODY TAG.
I looked at your site and I will say the paragraph starting with “The new YMSG login has been cracked. Now both Trillian and GAIM,” Would be the “main text” as it is the first real paragraph.
And yes you use tables to layout your site. But the “main text” is 173 lines below your BODY TAG.
If your site was laid out with <div> TAGS, this text could be your first line below your BODY TAG.
</head>
<body>
<div class=”main_text”> The new YMSG login has been cracked. Now both Trillian and GAIM,…..</div>

Then you could go on to add
<div class=”title”>This is the title</div>
<div class=”menu”>add your button setup</div>
etc.
My thought is concerning the amount of code search engines have to read to find relative text to your Meta tags. I have heard they only read “so far” and if they don’t find relative text they will move on and your placement in their listings will be poor.
Drummin
__________________
Hello everyone! Newbie. Self-taught. Loves writing web-code.
Reply With Quote
  #4 (permalink)  
Old 10-03-2003, 09:23 PM
Narasinha's Avatar
Narasinha Narasinha is offline
WebProWorld Veteran
 

Join Date: Aug 2003
Location: Urbana, Illinois, US
Posts: 306
Narasinha RepRank 1
Default <div> tag or <table> tags?

I'm assuming that you're talking about page layout rather than the information that tables are meant for, tabular information.

If you have your pages set up to meet w3c secifications, then you should never use tables for your page layout. Yes, I used to do that, but that was before I learned about the HTML specifications and CSS. With CSS you can separate your style information from the content, leaving a very clean HTML file. So much extraneous information is removed and the CSS file only has to be downloaded for the first page of your site. File size and download time is reduced. The "tag soup" is eliminated making it easier for the search engines to catalog your site. You can have valid HTML, and meet accessibility requirements, opening up your site to those with visual problems, motor-skill disablities, etc.

Using tables to format your page is sort of like using Microsoft Excel (or spreadsheet program of your choice) to write letters or make a resume. Sure it will work, but it's not the right tool for the job.
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: ltdivgt, lttablegt, use



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

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



Search Engine Friendly URLs by vBSEO 3.0.0