Index Of HTML Tables [2/03/09]

Index of Tables

• Dynamically Tabbed Table (Now has a working generator.)
  
  
• Smangii's Side Tables
  
  
• Three Column Table
  
  
• Two Column Table
  
  
• On/Off Icon Legend Table
  
  
• Posts/Threads Icon Legend Table
  
  
• Single Cell Table
  
  
• Basic Box
  
  
• Side Menu (Left)
  
  
• Side Menu (Right)
  
  
• Side Menu (Both)
  
  
• Affiliate Table
  
  
• Affiliate Table (With Text Box)
  
  
• Icon Legend
  

---

Positioning

The majority of these tables can be positioned anywhere you like. Header or Footer. Main or Board. The ones that require special positioning, will say so in the post.

---

Editing

All of these tables are free to be edited in any way. To help you find the parts that usually require editing, they have been color coded.


There are a number of types of content which can be used in the table, in fact you can use almost any HTML coding. Here are some of the most frequently requested tags:

To place a link use: <a href="URL">Text to Display</a>

To place an image use: <img src="Image URL" />

To use an image as a link, use: <a href="URL"><img src="Image URL" /></a>

To make something move use: <marquee direction="down">Content to Move</marquee>
Where the purple is the direction (up, down, left, right)

More marquee tricks
<marquee direction="up" scrollamount="1" height="120" onmouseover=this.stop() onmouseout=this.start()>Content to move</marquee>
Speed is controlled by 'scrollamount' 1 is slowest
this one will stop when you put your mouse over.

If you wish to start a new line or leave a blank line, just use: <br />

To add a scrollbar to a particular cell in the table, use something like this in the 'td' tag: <td width="20%" style="overflow: auto; height: 300px;">

---

Useful Links

Frufrus Table Generator

Other Affiliate Codes

All Seeing Eyes Table Forum