Advanced Wikiediting/Tables

If you want to start with just a few simple examples, go to: Help:Table.

Simple Example 1
.

Simple Example 2
.

Simple Example 3
.

Simple Example 4
.

Simple Example 5
text text text

text text text

.

Simple Example 6
{| border="0" cellpadding="0" cellspacing="16"


 * }

.

Simple Example 7
{| border="0" cellpadding="0" cellspacing="16"


 * }
 * }

.

Practical Example 1
A useful location finder for all Wikiversity pages.

.

Practical Example 2
Table of contents


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 2: What is narrative music?
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 3: What computer software do I need?
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 4: Getting started with GarageBand
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 5: List of moods and actions for you to work on
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 6: Narrative music created by Mad Max's students
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#f0ffff" style="border: 1px #cccccc solid;" |Supplemental A: Examples of Narrative Music
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#f0ffff" style="border: 1px #cccccc solid;" |Supplemental B: A simple movie for scoring
 * }
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 2: What is narrative music?
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 3: What computer software do I need?
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 4: Getting started with GarageBand
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 5: List of moods and actions for you to work on
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#eeeeff" style="border: 1px #cccccc solid;" |Page 6: Narrative music created by Mad Max's students
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#f0ffff" style="border: 1px #cccccc solid;" |Supplemental A: Examples of Narrative Music
 * }


 * {| cellpadding="4" cellspacing="0" width="350px"


 * bgcolor="#f0ffff" style="border: 1px #cccccc solid;" |Supplemental B: A simple movie for scoring
 * }
 * }

.

Practical Example 3
.

Practical Example 5
This is a film strip.

{| cellpadding="0" cellspacing="5" style="width: 500px; background-color: #e0e0ff; margin-left: auto; margin-right: auto"
 * style="width: 100%; background-color: white; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" |


 * }

{| cellpadding="0" cellspacing="5" style="width: 500px; background-color: #e0e0ff; margin-left: auto; margin-right: auto"
 * style="width: 100%; background-color: white; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" |


 * }

Practical Example 6
This is an empty table.

---

.

---

.

Practical Example 8
This is tables within a table.

{| cellpadding="10" cellspacing="5" style="width: 95%; background-color: inherit; margin-left: auto; margin-right: auto"
 * style="width: 60%; background-color: #ffffe0; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |

Left

 * style="width: 40%; background-color: #e0e0ff; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 10px;" |

Right

 * }

{| cellpadding="10" cellspacing="5" style="width: 95%; background-color: inherit; margin-left: auto; margin-right: auto"
 * style="width: 60%; background-color: #ffffe0; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |

Left

 * style="width: 40%; background-color: #e0e0ff; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 10px;" |

Right

 * }

.

Practical Example 9
A simple framework

{| cellpadding="10" cellspacing="5" style="width: 95%; background-color: inherit; margin-left: auto; margin-right: auto" ! style="background-color: #ffffaa; border: 1px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" colspan="2" | Title


 * style="width: 60%; background-color: #ffffe0; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |
 * style="width: 60%; background-color: #ffffe0; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |

Left

 * style="width: 40%; background-color: #EFFFEF; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 10px;" |

Right
{| cellpadding="10" cellspacing="5" style="width: 95%; background-color: inherit; margin-left: auto; margin-right: auto"
 * }
 * style="background-color: #e0e0ff; border: 1px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" colspan="2" |

Full
{| cellpadding="10" cellspacing="5" style="width: 95%; background-color: inherit; margin-left: auto; margin-right: auto"
 * }
 * style="background-color: white; border: 1px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" colspan="2" |

Full 2

 * }

{| cellpadding="10" cellspacing="5" style="width: 95%; background-color: inherit; margin-left: auto; margin-right: auto" ! style="background-color: #ffffaa; border: 1px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" colspan="2" | Title


 * style="width: 60%; background-color: #ffffe0; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |
 * style="width: 60%; background-color: #ffffe0; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |

Left

 * style="width: 40%; background-color: #EFFFEF; border: 1px solid #777777; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 10px;" |

Right
{| cellpadding="10" cellspacing="5" style="width: 95%; background-color: inherit; margin-left: auto; margin-right: auto"
 * }
 * style="background-color: #e0e0ff; border: 1px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" colspan="2" |

Full
{| cellpadding="10" cellspacing="5" style="width: 95%; background-color: inherit; margin-left: auto; margin-right: auto"
 * }
 * style="background-color: white; border: 1px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" colspan="2" |

Full 2

 * }

.

Practical Example 11


Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.



Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.

Picture is 150px rather than 50px.



Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.



Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.

Practical Example 12
.

Second page of this help page for tables