I've been messing around with BB Code lately and it occurs to me that it might be comething that everyone would like to learn a little bit about, if not for here than for other forums.
Here's how to make a table:
[table][tr][td]One [/td][td]Two [/td][td]Three [/td][/tr]
[tr][td]Four [/td][td]Five [/td][td]Six [/td][/tr]
[tr][td]Seven [/td][td]Eight [/td][td]Nine [/td][/tr]And it looks like this:
| One | Two | Three |
| Four | Five | Six |
| Seven | Eight | Nine |
Notice how they all line up on the left side? That's because they're actually in an invisible borderless table that aligns them in perfect rows and columns. You can align most anything this way, including pictures and smilies!. Say I want to play a game of tic-tac-toe, using :fln: instead of X's and :angel: instead of O's.
[table]
[tr][td] :angel:[/td][td] | [/td][td] :fln: [/td][td] | [/td][td] [/td][/tr]
[tr][td]-----[/td][td]--+--[/td][td]-----[/td][td]--+--[/td][td]-----[/td][/tr]
[tr][td] [/td][td] | [/td][td] :fln:[/td][td] | [/td][td] :angel:[/td][/tr]
[tr][td]-----[/td][td]--+--[/td][td]-----[/td][td]--+--[/td][td]-----[/td][/tr]
[tr][td] :angel:[/td][td] | [/td][td] :fln:[/td][td] | [/td][td] :fln:[/td][/tr][/table]
| :angel: | | | :fln: | | | |
| ------- | --+---- | ------- | --+---- | ------- |
| | | | :fln: | | | :angel: |
| ------- | --+---- | ------- | --+---- | ------- |
| :angel: | | | :fln: | | | :fln: |
The code looks complicated, but it breaks down into rows and data cells. The three tags that form a table are
td,
tr, and
table.
- td encloses the contents of a cell just like the url tag encloses a link.
- tr encloses a whole row of cells, and aligns them with the next row you start.
- table begins and ends a table.
Anyone have any questions?