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

{| cellspacing="0" cellpadding="0" style="width:100%; margin-top: 1em; border:2px #A3BFB1 solid;"

 I am the Main Title This is where you put your main info.
 * colspan="2" style="background:#c9e0e9; text-align:center; padding:2px; border-bottom:1px #A3BFB1 solid;" |


 * 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.


 * 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


 * 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.


 * 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;" |
 * 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.


 * }

The Result

{| cellspacing="0" cellpadding="0" style="width:100%; margin-top: 1em; border:2px #A3BFB1 solid;"

 I am the Main Title This is where you put your main info.
 * colspan="2" style="background:#c9e0e9; text-align:center; padding:2px; border-bottom:1px #A3BFB1 solid;" |


 * 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.


 * 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


 * 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.


 * 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;" |
 * 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.


 * }