Welcome Guest [Log In] [Register]
Viewing Single Post From: Tables! How To...
+Kaji Mar 5 2007, 04:53 PM
Member Avatar
Warrior-FX Member
Elite Member
 Hello all, i'm just randomly making a tutorial on how to code tables.

First of all the basic layout of a table is:
Code:
 
<table>
 <tr>
  <td colspan="2">&nbsp;
  </td>
 </tr>
 <tr>
  <td colspan="2">&nbsp;
  </td>
 </tr>
 <tr>
  <td width="20%">&nbsp;
  </td>
  <td width="80%">&nbsp;
  </td>
 </tr>
 <tr>
  <td colspan="2">&nbsp;
  </td>
 </tr>
</table>


What this table gives you is a basic layout where you can put in a header/banner in the top box. A horizontal navigation in the next box down. Then a vertical navigation on the far left. A main content area. And then a footer for any other buttons at the bottom, i.e. TOS, Contact Us, etc.

To see what i mean, copy that code above into notepad and save as index.html, open in your internet browser. and you'll see what it.

This table width be equal 100% the width of your screen, so it will fit everyones.

NB: This is incredibly basic. I will update this later
Offline Profile Quote Post
Tables! How To... · HTML/CSS