[Forums] How to use tables

Introduction
This guide will be regarding how to use the tables on forums. The tables are to either make something look "clean" or for a just to make a list. I will include BB codes for all of the tables I put up here, as it might be confusing.

This is how a table looks like!

---

Alright, to start off simple, start off with pressing the table button (http://i.imgur.com/8NjuSU1.png). This should pop up:
http://i.imgur.com/rN9lnsB.png

Alright, to start off, simply go to the "Rows" and "Columns" and set it to 1 and 1. Then set the "width" to 100, then the table will be 100x100. The spoiler will show how it would look like.

Spoiler!

It would look like this:

Example.

BB Code:

HTML Code:

---

[table="width: 100"]
[tr]
        [td]Example.[/td]
[/tr]
[/table]

---

(It got invisible borders).

Afterwards, press "Table Style". Choose if you want no border, outer border or full grid.

Spoiler!

Example of no border:

No border.

HTML Code:

---

[table="width: 100"]
[tr]
        [td]No border.[/td]
[/tr]
[/table]

---

Example of outer border:

A table with 4 different messages.	The inner borders here are invisible.
This one got invisible borders, except the outer ones.	And a message here too.

BB Code:

HTML Code:

---

[table="width: 100, class: outer_border"]
[tr]
        [td]A table with 4 different messages.[/td]
        [td]The inner borders here are invisible.[/td]
[/tr]
[tr]
        [td]This one got invisible borders, except the outer ones.[/td]
        [td]And a message here too.[/td]
[/tr]
[/table]

---

Example of full grid:

Full grid with visible lines.	Oh my gosh, this message.
Yesyes.	Last random message!

BB Code:

HTML Code:

---

[table="width: 100, class: grid"]
[tr]
        [td]Full grid with visible lines.[/td]
        [td]Oh my gosh, this message.[/td]
[/tr]
[tr]
        [td]Yesyes.[/td]
        [td]Last random message![/td]
[/tr]
[/table]

---

Then press "Allignment" and there you can you choose if you want the text to be either:
Left

Middle

Right

Spoiler!

A table to the left! (regular one)

Left.

BB Code:

HTML Code:

---

[table="width: 100, class: outer_border, align: left"]
[tr]
        [td]Left.[/td]

---

A table to the middle!

Center option.

BB Code:

HTML Code:

---

[table="width: 100, class: outer_border, align: center"]
[tr]
        [td]Center option.[/td]
[/tr]
[/table]

---

And lastly, a table to the right!

Right.

HTML Code:

---

[table="width: 100, class: outer_border, align: right"]
[tr]
        [td]Right.[/td]
[/tr]
[/table]

---

---

Final product!

After this would you hopefully be able to set up a table like this!

Thank	you	for	reading	my
guide!	Feedback	is	appreciated	along
with	questions.	Bye	bye!	:)
And	don't	forget	that	the
BB codes	are	in	the	spoilers!

---

Have fun creating these spoilers, any questions? Feel free to ask any questions below. :)

AS OF 28/06/2015 NONE EXCEPT ME, MYSELF AND I ARE ALLOWED TO REPOST THIS. IF YOU TRY I'LL LITERALLY TAKE A BIG DUMP ON YOUR HEAD.

how do u put colours inside wtf

Quote:

---

Originally Posted by Lord Virus

how do u put colours inside wtf

---

Right.

HTML Code:

---

[table="width: 100, class: outer_border, align: right"]
[tr]
        [td][color=red]Right.[/color][/td]
[/tr]
[/table]

---