Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,470
There are 1748 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Table less website design?

Thread title: Table less website design?
Closed Thread  
Page 1 of 2 1 2 >
    Thread tools Search this thread Display Modes  
01-02-2009, 12:10 PM
#1
jamescliff is offline jamescliff
Status: I'm new around here
Join date: Nov 2008
Location:
Expertise:
Software:
 
Posts: 15
iTrader: 0 / 0%
 

jamescliff is on a distinguished road

  Old  Table less website design?

Hi Everyone,

Would it be better to make website table less? Has anyone ever developed website completely table less?

And, what's the purpose of making a site table less?

Hope, I will have some good inputs from you guys. Thanks...

01-03-2009, 11:22 PM
#2
tonyc is offline tonyc
tonyc's Avatar
Status: I'm new around here
Join date: Jul 2008
Location:
Expertise:
Software:
 
Posts: 7
iTrader: 0 / 0%
 

tonyc is on a distinguished road

  Old

Coding time x5, loading time x2, compatibility /2, customizability /10, usability /100

That’s what table designs are :P

Go ahead and learn how to design your sites with semantic xHTML/CSS and you wouldn't mistake!

01-04-2009, 03:07 PM
#3
Zara is offline Zara
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
 
Posts: 249
iTrader: 9 / 100%
 

Zara is on a distinguished road

  Old

The most basic response you'll get to this question is that tables are meant for tabular data while table-less styling using xHTML/CSS is used for layout.

When coding table-less, it's not just about using CSS and avoiding the <table> tags... It's about making the site Search Engine Optimized (SEO), making the code semantic (for screen readers), and increasing page loading speeds while minimizing the amount of markup used in the code.

All of this can be argued one way or another, but in general; that's your normal response to such a question.

And yes, many people have created a site "completely table-less"; it's not hard.

01-04-2009, 11:29 PM
#4
nadish is offline nadish
Status: I'm new around here
Join date: Dec 2008
Location:
Expertise:
Software:
 
Posts: 18
iTrader: 0 / 0%
 

nadish is on a distinguished road

  Old

Tableless web design (or tableless web layout) is a method of web design and development without using HTML tables for page layout control purposes.[1] Instead of HTML tables, style sheet languages such as CSS (Cascading Style Sheets) are used to arrange elements and text on a web page. CSS was introduced by the World Wide Web Consortium (W3C) to improve web accessibility and to make HTML code semantic rather than presentational.

01-05-2009, 12:38 AM
#5
John.Harris is offline John.Harris
Status: I'm new around here
Join date: Jan 2009
Location: USA
Expertise:
Software:
 
Posts: 6
iTrader: 0 / 0%
 

John.Harris is on a distinguished road

  Old

Here is a fun website that answers your question.

http://www.hotdesign.com/seybold/index.html

For information about learning CSS and XHTML visit a local bookstore, or use google.

01-05-2009, 02:21 AM
#6
Saulie is offline Saulie
Saulie's Avatar
Status: I love this place
Join date: Jul 2007
Location: London
Expertise:
Software:
 
Posts: 687
iTrader: 15 / 100%
 

Saulie is on a distinguished road

Send a message via MSN to Saulie Send a message via Skype™ to Saulie

  Old

I'm now getting really bored of these thread's. It's the same thing over and over again, which produces no new answers. Sort of like the vb vs ipb, or mac vs pc debates. Is there no way we could sticky some sort of article about the advantages and disadvantages of using tables or css in structuring a design?

01-08-2009, 09:24 AM
#7
Narhir is offline Narhir
Narhir's Avatar
Status: I'm new around here
Join date: Oct 2007
Location: Poland
Expertise:
Software:
 
Posts: 11
iTrader: 0 / 0%
 

Narhir is on a distinguished road

Send a message via ICQ to Narhir Send a message via MSN to Narhir Send a message via Yahoo to Narhir

  Old

TABLE LESS RULEZ / TABLE SUX

Maybe we should write something like that in our header ? so everyone will notice what is going on.. and none will ask this question .. It is so basic thing that table less designs are a must ! everyone should code his websites into table less designs also if using cms'ses Im also always sugesting cms'ses that gives table less output.. they are simple better !

01-20-2009, 02:47 PM
#8
hawaye is offline hawaye
hawaye's Avatar
Status: I'm new around here
Join date: Jan 2009
Location:
Expertise:
Software:
 
Posts: 22
iTrader: 0 / 0%
 

hawaye is on a distinguished road

  Old

Designing a site with css loads more fast and it is more search engine friendly and easy controllable.

01-23-2009, 04:34 PM
#9
cess is offline cess
cess's Avatar
Status: Junior Member
Join date: Aug 2008
Location:
Expertise:
Software:
 
Posts: 93
iTrader: 0 / 0%
 

cess is on a distinguished road

Send a message via AIM to cess Send a message via MSN to cess Send a message via Yahoo to cess

  Old

table less is better.....the way i see it

01-27-2009, 12:29 AM
#10
tusharrastogi is offline tusharrastogi
tusharrastogi's Avatar
Status: I'm new around here
Join date: Jan 2009
Location: India
Expertise:
Software:
 
Posts: 23
iTrader: 0 / 0%
 

tusharrastogi is on a distinguished road

  Old

Tableless designs are always better. The benefits of tableless designs are as follows:

Reduce web page download time

Convert your web site to CSS design and reduce your web site size by 2 to 5 times. This means the download time will at least decrease by two times or more (depending on the amount of images you have).

* tables occupy from 20% to 80% more code real estate than simple, correct HTML markup: this reduces the web site size, download and customer waiting time
* as browsers display anything in a table after they scan it twice, it takes a lot of time to load a table (especially those used for design purposes)
* also, the CSS files are cached on a server, but tables in HTML files are not - the browsers load them again every time they see them

Edit your site easily

Design your site with CSS and maintain your site easily by adjusting just one file to change the appearance of a single element throughout the whole site.
Make your web site screen size friendly

Bandwidth & Rendering

Tableless design means less bandwidth. If you link in a CSS file, a browser will cache it on 1st load of a page and on further navigation only page structure itself is being downloaded. In addition to traffic cuts it significantly reduces page latency as well.

Accessibility

Prioritizing Cascading Style Sheets will also ease the process of porting a site to various platforms, e.g. mobile phones, handhelds, etc. or usage, e.g. printing. Not to mention making the site reachable for a screen reader or braille device.

Maintenance

With CSS site layout is kept apart from its structure and is centralized. That makes site design a lot easier to change. For example changing 1 single digit in CSS may increase or decrease font size of an headline on each and every page of a site.
CSS is a reusable resource as opposed to the inline definitions of HTML.

Naturally, when it comes to tables, one often comes across such an issue as fixed widths, heights or font sizes. Implement CSS and you get a web site, which will fit the browser window on any screen resolution. Also, it's font will increase or decrease if your visitor adjusts his browser settings (does not happen with fixed font sizes [px]).
Increase your web site usability and acessibility

Get Cascading Style Sheets for various media (screen, print, mobile, aural, tv, etc) to make your web site usable and accessible for even more visitors.

Closed Thread  
Page 1 of 2 1 2 >


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

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed