ArticlesReader.com Menu
Newest Articles
Most Viewed Articles
ArticlesReader.com RSS
Submit Article
Login
Signup
Search the articles

Articles Main Categories
Advice
Animals
Automobiles
Business
Career
Communications
Computer Programming
Computers
Entertainment
Environment
Family
Fashion
Finance
Food
Health & Medical
Home & Garden
Humor
Internet Business
Internet Marketing
Legal
Leisure & Recreation
Marketing
Other
Politics
Reference & Education
Religion
Self Improvement
Sports
Technology & Science
Travel
Writing
Subscribe
Receive alert message from us when new articles submitted to our site for free.

Enter your name

Enter your email

Syndicate

















Related Products
Home::CSS

Using CSS with Tables

Author : Stephen Cope

Tables are currently the most common method of laying
out/structuring a web page. Although the use of tables for this
purpose is considered, by many, to be a misuse, it is by far the
easiest way of organising web page content.

Most purists would say their use is now obsolete and you should
switch to Cascading Style sheets for website /web page layout.
However personally I still prefer tables for the basic outline
structure in what is called a "minimal table layout".

In the minimal table approach the outline structure is created
using a table, and positioning within the table is done using
cascading style sheet
elements. This is the approach I
currently use, and probably will continue to use over the next
few years.

Not only can you use CSS for the element layout they can also be
used to control the table itself, like table width or background
colour. This way, just by making a change in the external CSS
control file you can change the tables for all web pages, and
with it the appearance/layout of the entire website.

One of the other advantages of continuing to use tables for page
layout is that the pages are still easy to edit with most web
page editors, whereas if you use CSS themselves for positioning
then you will need a compatible editor.

Tables have been the mainstay of web page layout for many years
and will continue to be over the next few years. However when
combined with Cascading style sheets they can become very
flexible and powerful, as well as simple to use.

To see how easy it is to do see HREF="http://www.build-your-website.co.uk/css/Web-Page-Layout-Usi
ng-Tables-CSS.htm" TARGET="_blank">Web Page Layout Using
Tables and CSS

Spam emails More free articles

Related articles


  1. Introduction To Cascading Style Sheets
  2. CSS: The Basics - ID's and Classes
  3. CSS: The Basics - ID's and Classes ... Correct
  4. CSS - Maximum benefits
  5. Using CCS to Eliminate Tables
  6. CSS Print Media Tutorial
  7. Teach yourself CSS the easy way
  8. Starting Cascading Style Sheets
  9. SEO Benefits Of CSS
  10. 7 Reasons Why Using CSS is a Must
  11. Font Organizers Review, Part I
  12. CSS in Flash the return of crisp and legible fonts.
  13. CSS Browser Detection - The complete guide
  14. Cascading Stylesheets: 5 Reasons To Use CSS
  15. The Power of CSS
  16. Cross Browser Compatibility
  17. Using CSS with Tables
More related feeds
Are CSS tables ready for prime time?
The stability and reliability of table-based layouts was, for a long time, the main reason some designers chose to stick with HTML tables for layout [...] Using CSS tables for your layout will bring this stability to your CSS layout ...

Css Tables Page Design X 3
They must be designed using CSS and not tables a skeletal framework is acceptable for me to be able to drop images into place. There are some other features outlined on a word document including a calendar feature and fading flash image ...

Html Table Themes - Website Design Freelance Job
The html consists of simple tables. I want to style these tables using css and possibly small repeated images for the table header in order for the tables to match the different themes of the application. The application has 7 different ...

Ra on Equal Height Columns using CSS
CSS was not designed for layout and in its current incarnation using it that way is just a nasty hack that to me is worse than nested tables. It adds markup, adds illegitimate styling code, and is very fragile, adding a lot of debugging ...

Code bloat and its effect on your SE rankings
However a simple ‘3 column’ web page layout can end up resulting in 15 or more tables with 50 or more table cells. Using CSS it is possible to achieve the same results without using tables at all. SO we will call this ‘amateur bloat’ it ...

Table2CSS is Cool
I was able to reposition the cells using pure CSS quite easily. I had to add a repeat for some images, and create one new image as a filler (by cropping an existing image to fit a hole that I created). I was then able to add just two ...

Header and footer
content. > sorry - I refuse to tackle the infuriating CSS interface in DW. No need to apologize. Your only apology should be to yourself because you are severely limiting your capabilities when it comes to web design by not using CSS. ...

A wee CSS / JS tip
Your carefully laid-out table will freak in any sensible browser if you apply display: block; to one or more table rows. (Note that I’m setting aside arguments about using HTML tables in the first place—they do have their place you know ...

Stylin' with CSS: A Designer's Guide
Stylin’ with CSS teaches you everything you need to know start using CSS in your web development work, from the basics of markup of your content and styling text, through to creating multi-column page layouts without the use of tables. ...

Benefits of Tableless Web Sites
Table less pages can be created using simple markup languages or CSS (Cascade styling sheets). Presentation is separated from content by the usage of markup languages for standardized coding and CSS for template based layouts. ...

 


 

© 2007 articlesreader.com - All Rights Reserved