	Sign In Sign-Up

Table Layout Tutorial

Here's how to make table layouts. Basically, you will make an image, then divide it into sections in the cells of a table. For example, say you wanted to make a layout that looks like the following image:

Now, thats just an image, but it's a start. Next, choose how you are going to divide your image up. for the sample layout we're working with, we would do it like this:

now, you don't need the blank one, because that is where your text is going to go, so now save your images:

Now your ready for the html part. use a regular table code with a few variations. The code for our sample layout is as follows:
<table border="0" cellpadding="0" cellspacing="0"> <td align="center"> The content of your page</td> <td> <img src="layout1.gif or jpg"></td> <tr> <td> <img src="layout2.gif or jpg"></td> <td> <img src="layout3.gif or jpg"></td> </tr> </table> it will look like this:

My Page
Content of your page

There you have it!!!

Home