User:Reuben Cutfield/My Sandbox: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
(Tutorial 2; Activity 11: Sortable tables) |
|||
Line 114: | Line 114: | ||
|} | |} | ||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation... | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation... | ||
===Activity 9: Nested tables=== | |||
{|border="1" | |||
!Col 1!!Col2 | |||
|- | |||
|Not Nested | |||
{|border="2" | |||
|Nested||Table | |||
|} | |||
|Original table | |||
|} | |||
===Activity 10: Aligning characters/decimal points=== | |||
{|border ="3" | |||
|- | |||
{|cellpadding="0" cellspacing="0" width="100%" | |||
|align="right" width=50% |E||width=50%|Xtreme | |||
|} | |||
|- | |||
| | |||
{|cellpadding="0" cellspacing="0" width="100%" | |||
|align="right" width=50% |Anato||width=50%|My | |||
|} | |||
|- | |||
| | |||
{|cellpadding="0" cellspacing="0" width="100%" | |||
|align="right" width=50% |Le||width=50%|Arning | |||
|} | |||
|- | |||
| | |||
{|cellpadding="0" cellspacing="0" width="100%" | |||
|align="right" width=50% |Sea||width=50%|Son | |||
|} | |||
|} | |||
===Activity 11: Sortable tables=== | |||
{|border="2" class="wikitable sortable" | |||
|+'''A sortable table''' | |||
!Alphabet!!Numbers | |||
|- | |||
|a||5 | |||
|- | |||
|f||9 | |||
|- | |||
|j||4 | |||
|- | |||
|i||2 | |||
|} |
Revision as of 18:02, 21 December 2010
This page will be used as a scrapbook for my OWW tutorials.
Tutorial 1: Adding and Using the Sandbox
Demonstrated through construction and use of this page.
Tutorial 2: Editing Tables
Activity 1: Wikitable
Description | Progress | Comments |
---|---|---|
This | Is | An |
Example | Of a | 'Wikitable' |
Activity 2:Pipe Syntax
Reuben's | Table Headings | In bold |
---|---|---|
Reuben's row heading | New row, new cell | Same row new cell |
Another row heading | Another new row | Another new cell in that row |
A new row | New cell created with pipes instead of new line | |
Cell-not aligned | Cell-Aligned in centre |
Activity 3: Color formatting
Coloured Cells |
---|
blue on yellow |
white on black |
not coloured |
Activity 4: Changing cell heights
the height | is | 160 pixels |
the height | is now | 50 px |
Activity 5: Setting cell widths
Usually the width is determined by the longest cell length (characters) however you can set the length which causes automatic wrapping of text.
Small | Medium | Large |
---|---|---|
Notice how it wraps | the | text |
Activity 6: Vertical Alignment
aligned to the top |
aligned to bottom |
Activity 7: Spanning multiple cells
Heading 1 spans 1 column | Heading 2 spans 2 columns | |
---|---|---|
this cell spans 1 row | same again | this cell spans 2 rows |
just spans 1 | same again |
Activity 8: Floating tables
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation...
Notice the floating of the | table in the centre? |
Notice the floating of the | table to the left? |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation...
Activity 9: Nested tables
Col 1 | Col2 | ||
---|---|---|---|
Not Nested
|
Original table |
Activity 10: Aligning characters/decimal points
E | Xtreme |
Anato | My |
Le | Arning |
Sea | Son |
Activity 11: Sortable tables
Alphabet | Numbers |
---|---|
a | 5 |
f | 9 |
j | 4 |
i | 2 |