You are either not logged in or not registered with our community. Click here to register.
 
December 05, 2016, 06:47:06 AM

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

Click here if you are having problems.
Default Wide Screen Beige Lilac Rainbow Black & Blue October Send us your theme!

Hark!  The Herald!
Holiday Issue 2016

Wiki Blogs Dicebot

Author Topic: Help with table code  (Read 555 times)

0 Members and 1 Guest are viewing this topic.

Offline Ember StarTopic starter

Help with table code
« on: October 23, 2013, 10:45:23 AM »
Okay, the table code is the one code that just befuddles me. I can't grasp how it works. Possibly because I haven't experimented with it. But I've finally decided to ask, can somebody please explain to me how to work it? What the TR, TB, and whatever else means, and how to make those neat little lists of rows that go down?

Offline Dovel

Re: Help with table code
« Reply #1 on: October 23, 2013, 10:57:16 AM »
Did you want something like this?

Table 1
Name 1
Name 2
     
Table 2
List 1
List 2
     
Table 3
Text 1
Text 2
     
Table 4
Description 1
Description 2

The code for it is:
Code: [Select]
[center][table]
[tr]
[td][center][color=Purple][u][b]Table 1[/b][/u][/color][/center]
Name 1
Name 2
[/td]
[td]     [/td]
[td][center][color=Purple][u][b]Table 2[/b][/u][/color][/center]
List 1
List 2
[/td]
[td]     [/td]
[td][center][color=Purple][u][b]Table 3[/b][/u][/color][/center]
Text 1
Text 2
[/td]
[td]     [/td]
[td][center][color=Purple][u][b]Table 4[/b][/u][/color][/center]
Description 1
Description 2
[/td]
[/tr]
[/table][/center]

You can just copy that, and type in your own heading. Also, you can link the items within the table as you wish if they are to list a story or thread.

Offline Oniya

  • StoreHouse of Useless Trivia
  • Oracle
  • Carnite
  • *
  • Join Date: Sep 2008
  • Location: Just bouncing through. Hi! City of Roses, Pennsylvania
  • Gender: Female
  • One bad Motokifuka. Also cute and FLUFFY!
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 3
Re: Help with table code
« Reply #2 on: October 23, 2013, 11:07:33 AM »
The easiest way to remember it is that the {tr} tags go around a table row.  The {td} tags go around the cells in that row.

Dovel's example could also have been written as:

Table 1
Table 2 
Table 3 
Table 4
Name 1List 1Text 1Description 1
Name 2List 2Text 2Description 2

Code: [Select]
[center][table]
[tr]
[td][center][color=Purple][u][b]Table 1[/b][/u][/color][/center][/td][td][center][color=Purple][u][b]Table 2  [/b][/u][/color][/center][/td][td][center][color=Purple][u][b]Table 3  [/b][/u][/color][/center][/td][td][center][color=Purple][u][b]Table 4[/b][/u][/color][/center][/td]
[/tr]
[tr]
[td]Name 1[/td][td]List 1[/td][td]Text 1[/td][td]Description 1[/td]
[/tr]
[tr]
[td]Name 2[/td][td]List 2[/td][td]Text 2[/td][td]Description 2[/td]
[/tr]
[/table][/center]

Each {tr} group is one row.

Offline Ember StarTopic starter

Re: Help with table code
« Reply #3 on: October 23, 2013, 12:35:28 PM »
*squeal* Thank y'all so much! IDK why that one stumped me so much. But y'alls explanation and codes are mighty helpful!

Offline Beguile's Mistress

  • Time flies like an arrow ~ Fruit flies like a banana ~ Elliquiy's Fair-E Godmother
  • Dame
  • Carnite
  • *
  • Join Date: Jul 2009
  • Location: Faeleacanvald ~ The Steeler Nation ~ Home of Lord Stanley's Cup 2016 ~ She won't stay throwed! ~ 48\22-5\1\11-5\7
  • Gender: Female
  • Perpetual Notion Machine ~ 'What if...?'
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 3
Re: Help with table code
« Reply #4 on: October 23, 2013, 10:56:17 PM »
*adds my thanks too*

I've wanted to explore tables and this has made it easier. ;D

Offline Oreo

Re: Help with table code
« Reply #5 on: October 23, 2013, 11:12:00 PM »
For those that still have troubles there is a free BBCode Table Generator. I used it a lot when I was first trying to figure out tables. Seeing the code after the table was made helped me get a grasp of what was happening.

Offline Amelita

Re: Help with table code
« Reply #6 on: October 25, 2013, 03:50:55 PM »
When I first started writing tables, I found setting the code up like this helped:

Code: [Select]
[table]
[tr][td]stuff 1[/td][td]stuff 2[/td][td]stuff 3[/td][/tr]

[tr][td]stuff A[/td][td]stuff B[/td][td]stuff C[/td][/tr]
[/table]

It made clearer sense to me when I saw it lined up with each TR hugging the pairs of TD's.

stuff 1stuff 2stuff 3
stuff Astuff Bstuff C

Offline Oniya

  • StoreHouse of Useless Trivia
  • Oracle
  • Carnite
  • *
  • Join Date: Sep 2008
  • Location: Just bouncing through. Hi! City of Roses, Pennsylvania
  • Gender: Female
  • One bad Motokifuka. Also cute and FLUFFY!
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 3
Re: Help with table code
« Reply #7 on: October 25, 2013, 03:55:47 PM »
When I first started writing tables, I found setting the code up like this helped:

Code: [Select]
[table]
[tr][td]stuff 1[/td][td]stuff 2[/td][td]stuff 3[/td][/tr]

[tr][td]stuff A[/td][td]stuff B[/td][td]stuff C[/td][/tr]
[/table]

It made clearer sense to me when I saw it lined up with each TR hugging the pairs of TD's.

stuff 1stuff 2stuff 3
stuff Astuff Bstuff C

Also, it makes it easier to insert, delete,  and otherwise rearrange rows.

Offline Caeli

Re: Help with table code
« Reply #8 on: October 25, 2013, 05:32:00 PM »
I actually find it easier to format it in blocks, and not in rows, especially if I have a lot of content:

.
Code: [Select]
[table]

[tr]
[td]Row 1 Cell 1[/td]
[td]Row 1 Cell 2[/td]
[td]Row 1 Cell 3[/td]
[/tr]

[tr]
[td]Row 2 Cell 1[/td]
[td]Row 2 Cell 2[/td]
[td]Row 2 Cell 3[/td]
[/tr]

[tr]
[td]Row 3 Cell 1[/td]
[td]Row 3 Cell 2[/td]
[td]Row 3 Cell 3[/td]
[/tr]

[/table]

Row 1 Cell 1Row 1 Cell 2Row 1 Cell 3
Row 2 Cell 1Row 2 Cell 2Row 2 Cell 3
Row 3 Cell 1Row 3 Cell 2Row 3 Cell 3

I can't "tab" out different lines in the BBCode, but this is the same way that I write HTML and that I program, so it makes more sense to me from an organizational standpoint.

Offline Ember StarTopic starter

Re: Help with table code
« Reply #9 on: November 21, 2013, 06:24:43 PM »
Okay, I used Dovel's code. But what have I done wrong? Why is it uneven?
Character:
Alluriella Night
Carmine Revelon
Deidra Súileabhán
Locien Beriothien
Skilgannon the Damned
Zora Tickker
     
Character Rank:

Queen of Indigo
Outcast
Keeper of the Rivers of Death
Top Spy/Traveler
Hunter
Ship Captain
     
Character Race:

Neko-Angel
Avian Shape Shifter
Necromancer
High Elf
Human/Mutant
Human-Sorceress
     
Played By:
Ember Star
Chrystal
rustytiger
KnightNelson20
Deamonbane
Ember Star

Offline Amelita

Re: Help with table code
« Reply #10 on: November 21, 2013, 06:32:12 PM »
It was because the headers are centered and the column content is not. The extra space was because you had hit enter in these spots.

Try this:


Code: [Select]
[table][tr][td][color=blue][u][b]Character:[/b][/u][/color]
[URL=http://elliquiy.com/forums/index.php?topic=190462.msg9220750#msg9220750]Alluriella Night[/URL]
[URL=http://elliquiy.com/forums/index.php?topic=190462.msg9221546#msg9221546]Carmine Revelon[/URL]
[URL=http://elliquiy.com/forums/index.php?topic=190462.msg9220901#msg9220901]Deidra Súileabhán[/URL]
[URL=http://elliquiy.com/forums/index.php?topic=190462.msg9223768#msg9223768]Locien Beriothien[/URL]
[URL=http://elliquiy.com/forums/index.php?topic=190462.msg9222474#msg9222474]Skilgannon the Damned[/URL]
[URL=http://elliquiy.com/forums/index.php?topic=190462.msg9220765#msg9220765]Zora Tickker[/URL]
[/td]
[td]     [/td]
[td][color=blue][u][b]Character Rank:[/b][/u][/color]
Queen of Indigo
Outcast
Keeper of the Rivers of Death
Top Spy/Traveler
Hunter
Ship Captain
[/td]
[td]     [/td]
[td][color=blue][u][b]Character Race:[/b][/u][/color]
Neko-Angel
Avian Shape Shifter
Necromancer
High Elf
Human/Mutant
Human-Sorceress
[/td]
[td]     [/td]
[td][color=blue][u][b]Played By:[/b][/u][/color]
Ember Star
Chrystal
rustytiger
KnightNelson20
Deamonbane
Ember Star
[/td][/tr][/table]

:)

Character:
Alluriella Night
Carmine Revelon
Deidra Súileabhán
Locien Beriothien
Skilgannon the Damned
Zora Tickker
     Character Rank:
Queen of Indigo
Outcast
Keeper of the Rivers of Death
Top Spy/Traveler
Hunter
Ship Captain
     Character Race:
Neko-Angel
Avian Shape Shifter
Necromancer
High Elf
Human/Mutant
Human-Sorceress
     Played By:
Ember Star
Chrystal
rustytiger
KnightNelson20
Deamonbane
Ember Star

Offline Ember StarTopic starter

Re: Help with table code
« Reply #11 on: November 21, 2013, 06:34:57 PM »
Thank you! Thank you! Still figuring this whole thing out. LOL.