ED::
18-08-2005, 01:13 PM
I saw No tables tutorials and i had trouble making a layout so i thought people who struggled like me should be helped splintercell expained it so easily:)
Ok what you have to understand is how a table is set out
so to make a table like this you would
------------
l Cell one l
l l
------------
------------
l Cell 2 l
l l
------------
------------
l Cell 3 l
l l
------------
Ok so to make that you go
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>CELL ONE!</td>
</tr>
<tr>
<td>CELL TWO!</td>
</tr>
<tr>
<td>CELL THREE!</td>
</tr>
Tr= Starts new row
TD= New column
o to make a layout you need to break it up into bits that will fit in tables.
For example you have your nav box:
l------------------------------l
l l
l l
l l
l l
l l
l------------------------------l
-
so you cut up the box its three segments using a slice tool and then put the top bit of the box in the top colum a backbround bit in the next colum and the footer in the next colum::
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="layout_top.gif"></td>
</tr>
<tr>
<td background="layout_middle">WRITE HERE!</td>
</tr>
<tr>
<td><img src="layout_bottom.gif"></td>
</tr>
</table>
Ok what you have to understand is how a table is set out
so to make a table like this you would
------------
l Cell one l
l l
------------
------------
l Cell 2 l
l l
------------
------------
l Cell 3 l
l l
------------
Ok so to make that you go
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>CELL ONE!</td>
</tr>
<tr>
<td>CELL TWO!</td>
</tr>
<tr>
<td>CELL THREE!</td>
</tr>
Tr= Starts new row
TD= New column
o to make a layout you need to break it up into bits that will fit in tables.
For example you have your nav box:
l------------------------------l
l l
l l
l l
l l
l l
l------------------------------l
-
so you cut up the box its three segments using a slice tool and then put the top bit of the box in the top colum a backbround bit in the next colum and the footer in the next colum::
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="layout_top.gif"></td>
</tr>
<tr>
<td background="layout_middle">WRITE HERE!</td>
</tr>
<tr>
<td><img src="layout_bottom.gif"></td>
</tr>
</table>