User:Jtneill/Sandbox/Tables and boxes

From Wikiversity
Jump to: navigation, search

Tables and boxes


This page provides a collection of tables and boxes.
<div style="background-color: #dbffb0; border: 1px solid #000; margin: 5px; padding: 1em;">
</div>
Demonstration tables and boxes.
This page demonstrates some different kinds of tables and boxes using MediaWiki.
See also:
This page (and any subpages) are part of Wikiversity.
If you have ideas about how to improve the content, be bold and edit!
<div style="background:white; border:2px DarkOrchid solid; padding:12px;">
Content here
</div>

Basic[edit]

align=center border=1 cellspacing=0 cellpadding=5

Col. 1 Col. 2 Col. 3
C1R1 C2R1 C3R1
C1R2 C2R2 C3R2
C1R3 C2R3 C3R3
{| align=center border=1 cellspacing=0 cellpadding=5
| '''Col. 1''' 
| '''Col. 2''' 
| '''Col. 3'''
|- 
| C1R1
| C2R1
| C3R1
|- 
| C1R2
| C2R2
| C3R2
|- 
| C1R3
| C2R3
| C3R3
|}
</center>
Col. 1 Col. 2 Col. 3
C1R1 C2R1 C3R1
C1R2 C2R2 C3R2
C1R3 C2R3 C3R3
{| align=center border=1 cellspacing=0 cellpadding=5
! Col. 1 
! Col. 2 
! Col. 3
|- 
| C1R1
| C2R1
| C3R1
|- 
| C1R2
| C2R2
| C3R2
|- 
| C1R3
| C2R3
| C3R3
|}
</center>

Columns[edit]

2 columns, plain[edit]

Note: Also has style="width: 50%; vertical-align: top;" | (for cells)

Col1 Col2

Left

Right

2 columns using tables, top-aligned[edit]

test
test
test
test

test

test
test
test
test

test

3 columns using tables, top-aligned with a single column title table[edit]
















































Sortable[edit]

3x2
Col1 Col2 Col3
zzz xxx yyy
aaa bbb ccc

See also: w:Help:Table#Sorting

Coloured cell on left[edit]

  Item 1Item 2Item 3

Coloured side-box[edit]

Title

Text.

Title

Text.

Title

Text.

Collapsible[edit]

Pretty table[edit]

Col 1 Col 2 Col 3 Col 4
Section 1
Row @ @ @
Section 2
Row $ $ $
Row w w w
Your x x x
Boat y y y
Section 3
Title - - -
Title = = =
Title ^ ^ ^
Title  %  %  %

Questionnaire[edit]

Unfriendly 1 2 3 4 5 6 7 8 Friendly
Uncooperative 1 2 3 4 5 6 7 8 Cooperative
Hostile 1 2 3 4 5 6 7 8 Supportive
.... 1 2 3 4 5 6 7 8 ....
Guarded 1 2 3 4 5 6 7 8 Open

Grey box[edit]

A grey box (using div):
with centred
content

Bar[edit]

This box uses {{Bar}}.

Wikitable[edit]

This box uses a "wikitable".

Ambox[edit]

Dotted border[edit]

This box has a dotted green border.


Border and shading[edit]

This box has a red border and background shading.

Motivation and emotion

A free and open textbook authored by students

Thick border[edit]

"Big Border Box"

This box has a thick border.

Heading box (right-aligned)[edit]

Here's a way to make
a right-hand 'heading'

Multicoloured boxes[edit]

Heading

Some pretty multicoloured boxes

Heading

Some pretty multicoloured boxes

Heading

Some pretty multicoloured boxes

Green header box

A floating green header box

Green header box

A floating green header box

Green header box

A floating green header box


Floating box[edit]

Float right box

A float right box... using this code:
<div style="float:right; background-color:#fe9; width:20em; border:1px solid #999; padding:2px 2px 2px 4px; margin:2px; "> ;Flight right box A float right box... </div> </div>

See also

Fixed box[edit]

2017
October
17
18:24 UTC
  • This is an example of a fixed box e.g., for notification/navigation

Scrollable box[edit]

This is a scrollable navigation box based on User:JWSchmidt/Blog/Navigation. Feel free to experiment.
blah blah
blah blah
blah blah
blah blah
blah blah
blah blah

Highlight boxes[edit]

some highlighted text

<span style="border:1px solid #6aa; background:#eff;padding:2px 10px 2px 8px;"><big>some highlighted text</big></span>

Bar[edit]


Square boxes[edit]


Gantt chart[edit]

Tasks Feb Mar April May June July Aug Sep Oct
Thesis proposal
Ethics proposal
Draft introduction
Collect data
Draft method
Analyse data and draft results
Draft discussion
Abstract, table of contents, tables, figures, appendices
Proofread
Print and submit