Fun with BB Code: Tables and Anchors!

[Namae Nai]

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:

Code Select Expand

[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  instead of X's and instead of O's.

Code Select Expand

[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]

	|		|
-------	--+----	-------	--+----	-------
	|		|
-------	--+----	-------	--+----	-------
	|		|

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?

[Lyrima]

That looks SO cool!

Um...definitely  not my thing..but I bet my children would be interested in that!