Using HTML tables for positioning is like having a color tattoo all over your body. Using CSS for positioning is like wearing clothes. Now, what is easier if you want to change your look? To remove the tattoo and to make a new one, or to take off your clothes and replace with others?
Many programmers still use HTML tables because of following reasons:
Tables mix the look and content instructions in the same file (example.htm)
CSS separates the look from the content. We will have one file that describes the content (example.htm) and the other one describes the look (example.css). Changing the look of the webpage means changing only the example.css file, which is much easier than changing a mixed content/look file.
While both htm and CSS are text files, meaning that can be edited even with Notepad, it is better to use a tool for working with the CSS file. A freeware tool that can greatly simplify the work with the CSS files is TopStyle Lite for Windows and can be found here.
Many programmers still use HTML tables because of following reasons:
- they don’t know CSS
- they got used to HTML tables
- they believe that HTML tables work the same in every browser
Tables mix the look and content instructions in the same file (example.htm)
CSS separates the look from the content. We will have one file that describes the content (example.htm) and the other one describes the look (example.css). Changing the look of the webpage means changing only the example.css file, which is much easier than changing a mixed content/look file.
While both htm and CSS are text files, meaning that can be edited even with Notepad, it is better to use a tool for working with the CSS file. A freeware tool that can greatly simplify the work with the CSS files is TopStyle Lite for Windows and can be found here.
Seems there is a lot of new stuff to read. But how would I position every element on a HTML page just by means of CSS? 
