The MediaWiki markup can be quite confusing, but simply thinking of a table as a big coloured rectangles, with smaller coloured rectangles on to simpifies the use of MediaWiki markup to create tables.

Simple (white-cells on black-background)

edit
Header 1 Header 2 Header 3
(top-left) (top-centre) (top-right)
(middle-left) (middle-centre) (middle-right)
(bottom-left) (bottom-centre) (bottom-right)

Created by :

{| style="width:100%; background:black;"
<!-- first row -->
|- style="background:white;"
! Header 1
! Header 2
! Header 3
<!-- 2nd row -->
|- style="background:white;"
| (top-left) || (top-centre) || (top-right)
<!-- 3rd row -->
|- style="background:white;"
| (middle-left) || (middle-centre) || (middle-right)
<!-- 4th row -->
|- style="background:white;"
| (bottom-left) || (bottom-centre) || (bottom-right)
|}

As above (with centred cell-content)

edit
Header 1 Header 2 Header 3
(top-left) (top-centre) (top-right)
(middle-left) (middle-centre) (middle-right)
(bottom-left) (bottom-centre) (bottom-right)

Created by :

{| style="width:100%; background:black; text-align:center;"
<!-- first row -->
|- style="background:white;"
! Header 1
! Header 2
! Header 3
<!-- 2nd row -->
|- style="background:white;"
| (top-left) || (top-centre) || (top-right)
<!-- 3rd row -->
|- style="background:white;"
| (middle-left) || (middle-centre) || (middle-right)
<!-- 4th row -->
|- style="background:white;"
| (bottom-left) || (bottom-centre) || (bottom-right)
|}

As above (with larger text)

edit
Header 1 Header 2 Header 3
(top-left) (top-centre) (top-right)
(middle-left) (middle-centre) (middle-right)
(bottom-left) (bottom-centre) (bottom-right)

Created by :

{| style="width:100%; background:black; text-align:center; font-size:12pt; line-height:20px;"
<!-- first row -->
|- style="background:white; font-size:14pt; line-height:24px;"
! Header 1
! Header 2
! Header 3
<!-- 2nd row -->
|- style="background:white;"
| (top-left) || (top-centre) || (top-right)
<!-- 3rd row -->
|- style="background:white;"
| (middle-left) || (middle-centre) || (middle-right)
<!-- 4th row -->
|- style="background:white;"
| (bottom-left) || (bottom-centre) || (bottom-right)
|}

Note : Line-one of the markup sets the default font-size, and line-height values for the whole table. These values are overridden for the header-row only by the values set in the third-line.

Right-floating 'quick links'

edit

The following works best as a template :

<div style="width:150px; position:relative; float:right; top:-35px; background:lightgray;">
<div style="width:148px; height:22px; text-align:center; background:#EFF3FF; margin:1px; color:#293C6B;">'''Projects'''</div>
<div style="width:148px; height:80px; text-align:center; background:white; margin:1px; color:#293C6B;">[[User:WikiWriter|'''WikiWriter''']]<br>[[User:WikiWriter/Sandbox|'''Sandbox''']]<br>[[User:WikiWriter/Wikimarkup|'''Wiki Markup''']]</div>
</div>

Simple - coloured background

edit
Sophos ID Title
14359 Landing page: for troubleshooting grayed out clients
31017 Landing page: for troubleshooting Vista installation
42654 Landing page: for links to non-Knowledgebase threat articles
47090 Landing page: Enterprise Console landing page for 'differs from policy' issue
47181 Landing page: for error 00000067
47987 Landing page: for error 1603
{| cellpadding=3 style="background:#CAE1FF; width:100%;"
|- style="background:white;"
! Sophos ID
! Title
|- style="background:white;"
| width=10% align=center | 14359 || Landing page: for troubleshooting grayed out clients
|- style="background:white;"
| width=10% align=center | 31017 || Landing page: for troubleshooting Vista installation
|- style="background:white;"
| width=10% align=center | 42654 || Landing page: for links to non-Knowledgebase threat articles
|- style="background:white;"
| width=10% align=center | 47090 || Landing page: Enterprise Console landing page for 'differs from policy' issue
|- style="background:white;"
| width=10% align=center | 47181 || Landing page: for error 00000067
|- style="background:white;"
| width=10% align=center | 47987 || Landing page: for error 1603
|}

Nice heading, and padding

edit
Status Meaning Usage Getting
Investigation (meaning) (usage) (getting)
Evaluation An investment is being ... 1. Any time during the 1. Send an e-mail to
Decommissioning The Technical Component is ... 1. When further ... Status assigned ...
{| width=1000 cellpadding="8px" style="background:#9F9FFF; font-size:12pt;"  
|- style="background:#efefef; " 
! width=10% | Status || width=25% | Meaning || width=25% | Usage || width=25% | Getting
|- style="background:white; font-size:10pt; " 
| '''Investigation''' || (meaning) || (usage) || (getting) 
|- style="background:white; font-size:10pt; " 
| valign=top | '''Evaluation''' || valign=top | An investment is being ... || valign=top | 1. Any time during the || valign=top | 1. Send an e-mail to 
|- style="background:white; font-size:10pt; " 
| valign=top | '''Decommissioning''' || valign=top | The ''Technical Component'' is ... || valign=top | 1. When further ... || valign=top | Status assigned ...
|}

Simple 'picture & text'

edit
(left) (right)
{| style="width:80%; height:150px; background:#CAE1FF;"
|- style="background:white;"
| align=center valign=middle style="width:150px;" | (left) 
| align=left valign=top style="background:white; padding:6px;" | (right)
|}

More...