TableLayout

Simple Tables to make your pages look nicer.
The code is pretty much self explaining, so I will just show you the raw code, and the result.
The Code
<nowiki>
<!-- THE START OF THE TABLE, This sets the width, style, spacing etc of the main table -->
{| cellspacing="0" cellpadding="0" style="width:100%; margin-top: 1em; border:2px #A3BFB1 solid;"
|-
<!-- THIS IS THE SMALLER HEADING BOX -->
| colspan="2" style="background:#c9e0e9; text-align:center; padding:2px; border-bottom:1px #A3BFB1 solid;" |
I am the Main Title
 <!-- 3 line spacing of h2 is important for subsection edit links to work correctly, PLEASE DO NOT FIX -->
This is where you put your main info.
|-
<!-- LEFT COLUMN -->
| style="width:50%; background:#F5FFFA; padding:1.2em;" valign="top" |
==I am the Left Column Title==
This is where you would put info that you want in your left column.
<!-- RIGHT COLUMN -->
| style="width:50%; background:#F5FFFA; border-left:1px solid #A3BFB1; padding:1.2em;" valign="top" |
==I am the Right Column Title==
This is where you would put the info that you want in your right column
|-
<!-- LEFT COLUMN 2-->
| style="width:50%; background:#dfd2e9; padding:1.2em;" valign="top" |
==I am the Left Column Title 2==
This is where you would put info that you want in your second left column.
<!-- RIGHT COLUMN 2-->
| style="width:50%; background:#dfd2e9; border-left:1px solid #A3BFB1; padding:1.2em;" valign="top" |
==I am the Right Column Title 2==
This is where you would put the info that you want in your second column
|-
| colspan="2" style="background:#c9e0e9; text-align:center; padding:2px; border-bottom:1px #A3BFB1 solid;" |
===I am the Bottom===
This is where you put your bottom info.
<!-- DONT FORGET TO FINISH THE TABLE, WITH THE CLOSING TAGS BELOW -->
|}
__NOTOC__
<!-- Of course you don't have to use multiple colums you can use as many or as little as you like
this was intended as a simple guide, and for you to advance with and make better -->
</nowiki>
The Result
I am the Main Title
 
This is where you put your main info.	
I am the Main Title
 
This is where you put your main info.
==I am the Left Column Title==
This is where you would put info that you want in your left column.	
==I am the Right Column Title==
This is where you would put the info that you want in your right column
==I am the Left Column Title 2==
This is where you would put info that you want in your second left column.	
==I am the Right Column Title 2==
This is where you would put the info that you want in your second column
===I am the Bottom===
This is where you put your bottom info.	
===I am the Bottom===
This is where you put your bottom info.
__NOTOC__
__NOEDITSECTION__