Fandom

Avatar Wiki

Comments0

The Wikibender's Guide - Tables

Yz2907 June 28, 2012 User blog:Yz2907

This is a page explaining how to create tables. If you need any help you can write on my message wall and I will try and help in anyway I can. Also if you have anything to add to the page or if you see an error I would appreciate it if you would let me know.

Creating a table looks complicated but after you start playing around with it a little everything will just click, trust me. Just cut and paste the code in the box using source mode and adjust it to your liking.

Table

Basic Table

Example Table
I hope
this little
example table
helps you.
Good Luck.


{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! Example Table
|-
| style="border-style: solid; border-width: 1px"| I hope
|-
| style="border-style: solid; border-width: 1px"| this little
|-
| style="border-style: solid; border-width: 1px"| example table
|-
| style="border-style: solid; border-width: 1px"| helps you.
|-
| style="border-style: solid; border-width: 1px"| Good Luck.
|}

Colored Table

Example Table with Colors
I hope
this little
example table
helps you.
Good Luck.


{| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: darkred; background-color: gold" class="toccolours collapsible"
! <span style="color: darkred;">Example Table with Colors</span>
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| I hope
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| this little
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| example table
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| helps you.
|-
| style="border-style: solid;border-color: darkred; border-width: 1px"| Good Luck.
|}

Large Colored Table

Example Table at 2px
Go to
border-width: 1px
and change
1px part
to 2px


{| style="border-collapse: collapse; border-width: 2px; border-style: solid; border-color: darkred; background-color: gold" class="toccolours collapsible"
! <span style="font-family:Times New Roman; font-size:130%; color: darkred;">Example Table at 2px</span>
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| Go to
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| border-width: 1px
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| and change
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| 1px part
|-
| style="border-style: solid;border-color: darkred; border-width: 2px"| to 2px
|}

Collapsible Table

Basic Collapsible Table

Example Table
I hope
this little
example table
helps you.
Good Luck.


{| style="border-collapse: collapse; border-width: 1px; border-style: solid;" class="toccolours collapsible"
! Example Table
|-
| style="border-style: solid; border-width: 1px"| I hope
|-
| style="border-style: solid; border-width: 1px"| this little
|-
| style="border-style: solid; border-width: 1px"| example table
|-
| style="border-style: solid; border-width: 1px"| helps you.
|-
| style="border-style: solid; border-width: 1px"| Good Luck.
|}

Colored Collapsible Table

Colored Collapsible Table
Insert Text Here
Insert Text Here
Insert Text Here
Insert Text Here
Insert Text Here


{| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: DodgerBlue; background-color: LightBlue" class="toccolours collapsible"
! <span style="color: MidnihtBlue;"> Colored Collapsible Table </span>
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|-
| style="border-style: solid;border-color: DodgerBlue; border-width: 1px"| Insert Text Here
|}

Large Colored Table

Example Table at 2px
Go to
border-width: 1px
and change
1px part
to 2px

Multi-Row Table

Basic Multi-Row Table

Row 1 Title Row 2 Title
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text


{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! style="border-style: solid; border-width: 1px"|Row 1 Title
! style="border-style: solid; border-width: 1px"|Row 2 Title
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px"|Row 1 Text
| style="border-style: solid; border-width: 1px"|Row 2 Text
|}

Colored Multi-Row Table

Row 1 Title Row 2 Title
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text
Row 1 Text Row 2 Text


{| style="border-collapse: collapse; border-width: 1px; border-style: solid;"
! style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Title
! style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Title
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|-
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 1 Text
| style="border-style: solid; border-width: 1px; border-color: DodgerBlue; background-color: LightBlue"|Row 2 Text
|}

Additional Resources

Here are all of the colors available. You can use these to make the colored tables. Help:Colors


v - dThe Wikibender's Guide
Customized TextUserboxesCustom UserboxesInfoboxesTables
Basic Templates and ToolsCustom Signatures

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.