Tilting with tables...  
    Hey, how come this text is in the middle of the screen?

 

Tables are powerful tools for the rookie web designer. They allow you to place text and images on different parts of the screen.

The TILT title above along with the indented text was done with a table. After constructing it, the borders were removed, or given a value of '0' which makes them invisible.

Here are some visual steps to show you how it is done.

  • First I created a table that was 3 columns by 3 rows. It has a border of 2 pixels, covers 70% of the screen and is left justified.

It looks like this:

     
     
     

 

  • The screen in Dreamweaver looks like this, if you think in concepts, or know what you want to do, you will find the same concepts/settings in your web design software.

 

 

  • Pay attention to the rows, columns and border. Those are the settings for the simple set up. Change the border to 0, and you have an invisible table.
  • I then inserted the images and the text, it looks like this:

 

   
  Tilting with tables...  
    Hey, how come this text is in the middle of the screen?

 

  • The final step was to set the border at zero pixels, making it invisible and change the text color.

 

   
  Tilting with tables...  
    Hey, how come this text is in the middle of the screen?

 

Warning! The fancier (more expensive) the software, the easier it is to use tables. If you are using Composer, working with them can be a bit frustrating. In Dreamweaver I can just click and drag to resize tables, they are very easy to select and work with. If you intend to do a lot of web building it would be a good investment to buy a powerful software package, makes tables more fun!