Tables Layout

Tables layouts are the easiest to make and the easiest to edit when it comes to colors and new content. They're extremely simple, but can be very pleasing to the eye if used in a stylish fashion.

It is advised that you brush up on your tables HTML codes before venturing any further because it will be very difficult to edit if you are not familiar with the table tags.

Please do not remove our credit. We have been very generous to provide you with a template, the least you could do is to link back to us. Thieves will be punished.

The above is a simple table layout with a top banner, 2 sidebars, a main content area in the middle and a bottom banner to give creidt to the makers and helpers of your site. The colors have been left gray to show you where you can change the color to whatever tickles your fancy.

The top banner size is 700x150 pixels. You can make the size in any graphics program, but if you don't know how, we put one up below for you to save onto your computer (just right click and select 'Save picture as...'). It has been changed so it looks smaller, but once you save it, it will be normal size again.

Heading images will be left up to you to modify. Just remove the 'Heading Here' on the image and type in what you want to display, eg. Main, Graphics, Affiliates etc. The heading size is 150x20 but one has been placed below for you to save if needed.

Please note that the heading doesn't necessarily have to look like this, I just made it this way because I like it. You can also have a heading 150px in width and any height you want with whatever background and no transparency. Anything you make should work, unless you get the background mixed up, then you'll have to make it transparent or give it a matching background.

Sidebars do not have a background image so all you have to do to change the color is to put in a different hex color code in the 'td bgcolor="#CCCCCC"' code.

The CSS can be changed according to what you want. If you want a CSS style sheet instead, remove everything between and including the

<style type="text/css"> and </style> tags and follow the instructions on the CSS Stylesheet page.

If you still have any queries, feel free to contact us with your problem.

Note: You are NOT allowed to use this code to make a layout and then re-distribute it. That is taken as theft and is against our terms of use.

~Jen