The Works - Spotazhazer

sometimes dares to think it rhyme with - Sentient Computer

~ The Works ~
The Method Behind the Madness !

Tables
You can put anything in tables
- even tables within tables within tables within tables within .......

A table's primary purpose (in case you care) is to organize information
but they're also a good way to produce decorative picture frames
- which tends to work well on all the pages with busy backgrounds.
This is pretty versatile, and not half as hard to do as it may seem.
For example, here's the HTML code for the graphic shown above
- this technique is featured on nearly every page on this website.

<table align=center cellpadding=0 cellspacing=0 border=0>
<tr><td align=center bgcolor="#770000">
<table align=center cellpadding=0 cellspacing=3 bordercolor="#ccccff" border=1>
<tr><td align=center bgcolor="#000000">
<img src="bar/gearbar.jpg" width=330 height=70>
</td></tr></table>
</td></tr></table>

Sometimes a webpage requires the presention of text
- in an environment that is not particularly text friendly.
Here's the code for the `tablet` you're reading from now.

<table align=center width=90% cellpadding=20 cellspacing=0 border=1>
<tr><td align=left><font face="moderne, arial" size=+2>Tables</font>
</td></tr><tr><td align=left bgcolor="#ddddbb">
<font face="arial" color="#770000">
INSERT TEXT HERE
</td></tr></table>

Lesson 1
rows and columns

 <tr> = new row
 <td> = new cell
 </td> = close cell
 </tr> = close row

1	2	3	4
5	6	7	8

<table align=center border=1>

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>

<tr>
<td align=center bgcolor="#770000">5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>

</table>

Lesson 2
cellpadding, colspan

cellpadding defines the
 distance from borders
colspan defines # of
 columns a cell spans

1	2	3	4
5, 6		7	8

<table align=center cellpadding=10 cellspacing=0 border=1>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr><tr>
<td align=center colspan=2 bgcolor="#770000">5, 6</td>
<td>7</td>
<td>8</td>
</tr>
</table>

Lesson 3
cellspacing, rowspan

cellspacing defines the
 distance between borders
rowspan defines # of
 rows a cell spans

1	2	3	4 8
5, 6		7

<table align=center cellpadding=10 cellspacing=3 border=1>
<tr><td>1</td><td>2</td><td>3</td>
<td align=center rowspan=2 bgcolor="#770000">4<p>8</td>
</tr><tr>
<td align=center colspan=2 bgcolor="#770000">5, 6</td>
<td>7</td>
</tr></table>

Lesson 4
border=0

border=0 makes the
 borders invisible

try to keep the individual
 cell tags on the same line
 to equalize spacing

1	2	3	4
5, 6		7	8

<table align=center cellpadding=10 cellspacing=3 border=0>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr><tr>
<td align=center colspan=2 bgcolor="#770000">5, 6</td>
<td>7</td><td>8</td></tr></table>