Jump to content

HOWTO: Use tables in a FISD Post


Darth Aloha

Recommended Posts

This has been broken on FISD for a really long time. I finally fixed it. You can now use tables here on FISD.

 

Until I figure out how to otherwise specificy a width, all tables are 100% of the width of the post area. You should be able to use all the regular formatting options inside each TD.

 

For those of you who aren't up on how HTML tables work here is an explaination of the tags:

  • TABLE - This is the table tag (hello?!)
  • TH - Table header. For now it is always gray. This tag takes an option of how many columns to span. This is an optional tag.
  • TR - Table row. This tag must contain TD tags.
  • TD - Table data(?) This is where the cell text goes. You may specify the percent of table with this tag's option.

Example 1:

 

[table]
[th]Column 1[/th][th]Column 2[/th]
[tr][td=25]Cell 1 - 25% Width[/td][td=75]Cell 2 - 75% Width[/td][/tr]
[tr][td2]Cell 3[/td2][td2]Cell 4[/td2][/tr]
[/table]

 

Makes:

 

[table]

[th]Column 1[/th][th]Column 2[/th]

[tr][td=25]Cell 1 - 25% Width[/td][td=75]Cell 2 - 75% Width[/td][/tr]

[tr][td2]Cell 3[/td2][td2]Cell 4[/td2][/tr]

[/table]

 

Example 2:

 

[table]
[th=2]Column 1 Spanning Two Columns[/th]
[tr][td=80]Cell 1 - 80% Width[/td][td=20]Cell 2 - 20% Width[/td][/tr]
[tr][td2]Cell 3[/td2][td2]Cell 4[/td2][/tr]
[/table]

 

Makes:

 

[table]

[th=2]Column 1 Spanning Two Columns[/th]

[tr][td=80]Cell 1 - 80% Width[/td][td=20]Cell 2 - 20% Width[/td][/tr]

[tr][td2]Cell 3[/td2][td2]Cell 4[/td2][/tr]

[/table]

 

 

Example 3:

 

[table]
[tr][td]
[center]Cell1[/center]

[center][/td][td]Cell 2[/td][/tr][/center]

[tr][td2]Cell 3[/td2][td2]Cell 4[/td2][/tr]
[/table]

 

Makes:

 

[table]

[tr]

[td]

Cell[/td]

[td]Cell 2[/td][/tr]

[tr][td2]Cell 3[/td2][td2]Cell 4[/td2][/tr]

[/table]

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...