Welcome Guest [Log In] [Register]
Welcome to RealEmotion. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Tables! How To...
Topic Started: Mar 5 2007, 04:53 PM (1,197 Views)
+Kaji Mar 5 2007, 04:53 PM Post #1
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 Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · HTML/CSS · Next Topic »
Add Reply