Tutorial on Tables

[Praxeas]

Ok,tables are now enabled.

All tags must fit within the straight bracket

[] for example for bold [b]text[/b]

If you hit the button on the editor to the far right it changes views so you can see all the markup code. So for example when you hit the B for Bold button it actually places the above code into what you are typing, wrapping it around the text you want to be bold

That is called BB code and it is what you will use for tables.

First thing is first. For some odd reason VBulleton has a rendering issue. Every time you hit "enter" it renders a page break above the table. So try to type all the code on one line

The table always starts with the table tag eg

[table]

It must be inside brackets and it must have the equal sign

Next, to create a row you use the Table Row tag

[tr]

This tag does not use the equal sign

Then to create a column you use the Table Data tag

[td]

If you want 1 row with 3 columns you would use 3 TD tags
Every tag must have a closing tag. You won't close the table tag until you are done with the table and you won't close the TR tag until you are done with the row. Same goes for the TD tags.

So for example, the following code is one table with one row and three columns or cells

[table=][tr][td=]information[/td][td=]information[/td][td=]information[/td][/tr][/table]

If you want to add an extra row of cells you repeat the above before the closing table tag for example

[table=][tr][td=]information[/td][td=]information[/td][td=]information[/td][/tr]
[tr][td=]information[/td][td=]information[/td][td=]information[/td][/tr]
[/table]

Remembering not to use the enter key

Now, if you want to change the table attributes say for example add a border then following the equal sign add a "border=2", the size is up to you

All attributes must be within the same quotes. So say for example you want a red border table="border=3 bordercolor=red" all inside the straight brackets

You can also add cellpadding and cellspacing. Cellpadding will pad the inside of cells so that your letters don't touch the edges. The number is up to you

Cellspacing spaces the cells depending on the number you use. Start with the smallest size

For the TD tag you can use border and bordercolor but it does not render in Firefox.

So to create what looks like borders here is what I do. In the Table tag I add "background=black" and "cellpadding=3" all within the same quotes

Then in the TD tags I add "background=white".

Also to make the text float to top of each cell add to the TD tag "valign=top"

There may be other things you can use. If you have any questions ask me or any suggestions