User:WikiWriter/Tables
(Redirected from User:WikiWriter/Sandbox/Tables)
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'
editThe following works best as a template :
Projects
<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)
|}