Wish to Build a Website Without Tables?


The orientation of W3C standards is clear: all the attributes of size, position, colors, alignment (width, height, align, font, color) … must not appear on the html page, but this will manage the display, ie the CSS. We will therefore try to convince you to create our own site, fully CSS (no tables for display). This site will be respectful of the W3C standard, but also the accessibility to blind, not deaf, people with disabilities (sensory, motor …). At the moment, the immense majority of websites are built using tables. The tables, makes it possible to structure the page in several parts, and each party may contain a menu, a header, content … However, this almost-universal method has many disadvantages:

  • The interweaving of multiple tables is often necessary, even for simple design.
  • The number of tags (table, tr, td, colspan, rowspan …) and quickly becomes considerably increases the code readability.
  • This Code heavy often unnecessarily increases the weight of the page and loading.

In addition to accessibility issues (eg disability), it is recommended to use each tag so semantically correct. A table was originally designed to display tabular data … (a forum, calendar, results for example) and not to make the presentation of his page. Prerequisite The full-CSS or CSS Positioning is the strict implementation of the recommendations of current Web Designing standards. XHTML (and strict HTML) is designed to make a strict separation between content and layout. It is necessary to know the basics of XHTML and CSS before you want to rush into a project design without tables.

Benefits of CSS positioning

  • Better Accessibility: browsers, search engines, machinery, people with disabilities
  • Durability: Standards compliance assures us of having a site compatible with all future browsers
  • Last days: the separation structure / content provides good readability of the code, but also an update facilitated
  • Weight of the page: each HTML page is reduced by 1/3 to 2/3

The current limits of CSS positioning Currently, CSS (or browsers), do not all artistic follies. There are still a few cases (increasingly rare), for which the CSS methods are not yet sufficiently well implemented by browsers to be effective or easily conceivable. Among these cases:

  • make "columns" of the same height
  • positioning and / or center vertical elements
  • make a layout for 100% of height with fixed parts (eg header)

Currently, for these cases, it is still preferable to use a well designed. The general philosophy is this: we will try to think differently: no tables or cells, but in terms of "elements" (title, menu, header, footer, etc.).

And if Affinities …

The CSS positioning technique may seem off-putting to the top for webmasters used to not think in terms of tables … but the benefits of CSS quickly become undeniable. The proof is that it is entirely possible to modify the entire design of the page, just by amending an attribute in the … CSS Imagine saving time for sites a few hundred pages! The most striking example is the famous site Zengarden CSS, a true chameleon of the Web as it is possible to take hundreds of different designs (CSS style) while retaining the same structure (HTML). Finally, and this is important to emphasize, positioning CSS can follow the evolution of Web standards proposed by the W3C. The the customize Website Design to integrate all of your requirements and make Website Customization process easy.


Leave a Reply