Table or Tableless |
| |
 |
Formerly theone759.
Reputation Power: 6
| | Professional Coder Posts: 348 Topics: 52 |
|
|
July 11, 2009, 08:49:03 PM
|
When you create your design do you use tables or do you go for a tableless design, which seems to be the new thing. I still haven't learned tables yet, and I've done everything with CSS
|
|
|
|
| |
 |
Reputation Power: 19
| | Code Guru Location: India
Gender:  Posts: 1444 Topics: 126  
 |
|
|
July 11, 2009, 09:00:18 PM
|
Using table-less designs is a good thing. When we go for table-less designs then we use CSS and <Div>,<Span> instead of normal <table><tr><td> tags in designs created using table structure. Many people believe that Table-less designs are more successful on the internet than table designs. Web pages developed using Table structure are considered to be heavy for the Search Engines for crawling and indexing, on the other part the web pages without table structure and with only CSS and <Div><span> structure are considered to be light weight and hence easy for crawling. There are many other advantages too like as the table-less design is controlled by external CSS file, making modifications in the design/layout is easy by just modifying one CSS file.
Help us to keep this forum clean. Report the SPAM!
|
|
| |
|
Formerly theone759.
Reputation Power: 6
| | Professional Coder Posts: 348 Topics: 52 |
|
|
July 11, 2009, 09:07:22 PM
|
Using table-less designs is a good thing. When we go for table-less designs then we use CSS and <Div>,<Span> instead of normal <table><tr><td> tags in designs created using table structure. Many people believe that Table-less designs are more successful on the internet than table designs. Web pages developed using Table structure are considered to be heavy for the Search Engines for crawling and indexing, on the other part the web pages without table structure and with only CSS and <Div><span> structure are considered to be light weight and hence easy for crawling. There are many other advantages too like as the table-less design is controlled by external CSS file, making modifications in the design/layout is easy by just modifying one CSS file. And you can use one external CSS for mutiple pages. I've used <div> and aligning with CSS. Quick and easy to read also
|
|
| |
 |
Reputation Power: 17
| | Code Guru Gender: Posts: 1403 Topics: 86 |
|
|
July 12, 2009, 04:30:12 AM
|
Having used both approaches I think CSS is the way to go. Not only is it much simpler to code and maintain, it also is easy to apply multiple sheets to a page to change certain features easily. I find tables can get messed up on some browsers too i.e. Design for ie and all wrong in firefox
|
|
| |
|
Reputation Power: 19
| | Code Guru Location: India
Gender: Posts: 1444 Topics: 126
|
|
|
July 12, 2009, 09:03:10 AM
|
Yes good point, Most of the time designs with Tables are not browser compatible meaning a same design may look and behave different on different browsers. Using both tables and <div> in combination is also preferred by many, like creating outer border with tables and then using <div> for the main areas of interest. But using pure <div> is the best option, and seriously working on such pure <div> layouts to make them look and behavior perfectly as expected; can be considered as an art of the coder OR template designer (who creates HTML from the final PSD file).
Help us to keep this forum clean. Report the SPAM!
|
|
| |
|
Reputation Power: 1
| | New Poster Posts: 5 Topics: 0 |
|
|
July 15, 2009, 04:04:24 AM
|
Tables are not good for SEO point of view. Using tableless design is good both as designing and SEO purpose.
|
|
| |
|
Reputation Power: 19
| | Code Guru Location: India
Gender: Posts: 1444 Topics: 126
|
|
|
July 15, 2009, 09:29:42 PM
|
yes that is one of the point for using "Table" less designs.
Help us to keep this forum clean. Report the SPAM!
|
|
| |
|
Reputation Power: 1
| | New Coder Posts: 23 Topics: 2 |
|
|
July 24, 2009, 01:31:37 PM
|
OK, without sounding too rules orientated! Always use CSS, Div's etc. Tables should only ever be used for displaying tabular data... eg calendars, statistics. They should never be used for layout. Thomas it's very rare for people to learn this way around - but think yourself lucky! As Admin said, CSS files can change the whole look of your site by changing a couple of lines giving you real power that tables and inline styles can't provide. Rule of thumb: - DIV's for layout...
Tables for Tabular Data (hence the name!)
Here's a site I did a while back: http://www.staidansccc.org.uk/results/index.php?Name=2008If you look at the source you will see the layout is in DIV's and the Table a table!
GOATSPORT - For all your sports discussionhttp://www.goatsport.com
|
|
| |
|
Formerly theone759.
Reputation Power: 6
| | Professional Coder Posts: 348 Topics: 52 |
|
|
July 24, 2009, 01:46:22 PM
|
I never understood tables which is why I never used them  but CSS allows better controll.
|
|
| |
|
Reputation Power: 17
| | Code Guru Gender: Posts: 1403 Topics: 86 |
|
|
July 24, 2009, 02:20:25 PM
|
I never understood tables which is why I never used them but CSS allows better controll. I think tables are simpler, easy to throw a table in but a nightmare to maintain when you get to inline tables and such. But CSS is very much superior, I suppose it is what you learnt first that is easiest
|
|
| |
|
Reputation Power: 19
| | Code Guru Location: India
Gender: Posts: 1444 Topics: 126
|
|
|
July 25, 2009, 12:17:03 AM
|
For me both Table structure and tableless structure are simple,and using CSS for <div> is also simple. I dont find any hard in it and have worked on many such things in my carrier. 
Help us to keep this forum clean. Report the SPAM!
|
|
| |
|
Reputation Power: 1
| | New Coder Posts: 23 Topics: 2 |
|
|
July 25, 2009, 03:28:22 AM
|
Well lucky you!! Show off! 
GOATSPORT - For all your sports discussionhttp://www.goatsport.com
|
|
| |
|
Reputation Power: 19
| | Code Guru Location: India
Gender: Posts: 1444 Topics: 126
|
|
|
July 25, 2009, 06:05:04 AM
|
AH! my profession made me learn all this.
Help us to keep this forum clean. Report the SPAM!
|
|
| |
|
Reputation Power: 1
| | New Coder Posts: 37 Topics: 0 |
|
|
July 25, 2009, 07:45:55 AM
|
div and span tags are great and all, unless of course you're stuck with an older version of vBulletin, more or less permanently, in which case, yay tables!
|
|
| |
|
Reputation Power: 1
| | New Poster Posts: 5 Topics: 0 |
|
|
July 27, 2009, 02:20:51 AM
|
When you create your design do you use tables or do you go for a tableless design, which seems to be the new thing. I still haven't learned tables yet, and I've done everything with CSS
as u mentioned that u done everything with css tableless site is far better than a table site as it not only reduce your coding but also size of page
|
|
| |
|
Reputation Power: 19
| | Code Guru Location: India
Gender: Posts: 1444 Topics: 126
|
|
|
July 28, 2009, 01:35:06 AM
|
One good point from "Dazbenny" that Div structure reduces the size of the page.
Help us to keep this forum clean. Report the SPAM!
|
|
| |
|
Reputation Power: 1
| | New Coder Real name: David McHenry
Posts: 30 Topics: 12 |
|
|
July 28, 2009, 04:28:25 PM
|
I use completely tableless designs when I can, but sometimes it may call for a table so I have no problem using them.
I'm not like some of these nut jobs out there pushing for tables to be obsolete and not used anymore, cause they are crazzy!
|
|
| |
|
Reputation Power: 1
| | New Coder Posts: 23 Topics: 1 |
|
|
July 29, 2009, 08:53:00 AM
|
While a table-less design is usually the best choice for a website, it's still important to know how to use tables. There's some things <div>s just can't accomplish. For one thing, the index page of this website.
|
|
| |
|
Reputation Power: 1
| | Regular Coder Posts: 53 Topics: 2 |
|
|
August 03, 2009, 08:22:58 PM
|
I rarely ever need to use tables anymore, now that I've learned to proficiently use CSS. I like it a lot more as I get a greater deal of flexibility in my design in using divs over tables.
|
|
| |
 |
Reputation Power: 1
| | New Coder Gender: Posts: 39 Topics: 0 |
|
|
August 15, 2009, 07:29:19 PM
|
Yes good point, Most of the time designs with Tables are not browser compatible meaning a same design may look and behave different on different browsers.
In my experience, the opposite is often true. I find it easier to make a cross browser compatible design in tables than with divs. Internet Explorer and Firefox tend to be drastically different with some of the standard CSS used on divs, like floating. Tables do have their downsides as everyone has already pointed out, so I tend to use divs for new stuff now also. I just find tables to require less work for a cross browser layout.
|
|
| |
|
Reputation Power: 1
| | New Poster Posts: 10 Topics: 0 |
|
|
September 03, 2009, 07:43:32 PM
|
Tables render slower than div / css designs. Besides, it's just bad form. vBulletin uses tables and it drives me nuts. 
|
|
| |
 |
Computer Head in 'da House!
Reputation Power: 2
| | Regular Coder Posts: 85 Topics: 9 |
|
|
January 01, 2010, 01:25:36 PM
|
I prefer <div> tags personally because of their increased performance. I agree with Cham about vBulletin's usage of tables. :/
|
|
| |
 |
Reputation Power: 2
| | Regular Coder Posts: 99 Topics: 3 |
|
|
February 17, 2010, 10:13:47 PM
|
Wow very good point above... Use Tableless is better bro...
You can find in several purpose that use Tableless is better than Table...
|
|
| |
 |
Reputation Power: 1
| | New Coder Location: USA
Gender: Posts: 37 Topics: 3 |
|
|
August 12, 2010, 07:30:53 AM
|
If you want to do web design as a profession you will have to use CSS. Tables are still used to some extent but in the corporate world using them is considered poor design practice.
|
|
| |
|
Reputation Power: 1
| | New Poster Posts: 9 Topics: 0 |
|
|
January 11, 2011, 05:47:28 AM
|
I think Div is better than table. Table takes more time to downloading the web page, Div avoids this problem. Div is compatible to all browsers. It is more accurate for layouting the page with the help of CSS.
|
|
| |
 |
Reputation Power: 1
| | New Poster Posts: 7 Topics: 0 |
|
|
January 14, 2011, 08:36:14 AM
|
Think that Google prefers Division tags over Tables. . .
|
|
| |
