You are either not logged in or not registered with our community. Click here to register.
 
October 19, 2018, 02:26:44 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!

Wiki Blogs Dicebot

Author Topic: Tables  (Read 4924 times)

0 Members and 1 Guest are viewing this topic.

Offline FlowerTopic starter

  • Rumple || Critter || Hyacinth Forever Dancing
  • Mentor
  • Carnite
  • *
  • Join Date: Nov 2010
  • Location: Temple of the Moon
  • Let the Music Play || You Can Dance If You Want To
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Tables
« on: June 21, 2014, 06:52:36 PM »
Hello there!

If you have reached this thread, you probably have been pulling out your hair and screaming at the computer about those damn tables. Don't worry. I am sure plenty of people have been in your shoes. I, for one, am one of them. Even though I am semi-comfortable with tables, at this point, there are still moments where I want to pick up my computer and toss it out of the window. I know there are other tutorials out there about tables and how to master them but I wanted to make one personally for those of us who are visual learners (and also just want the damn code). So if you stumble onto this thread, please feel free to snatch up any code here for your personal usage and switch it around to fit your personal needs. I hope it helps you and that eventually tabling will make more sense.



« Last Edit: August 07, 2016, 01:20:08 PM by Flower »

Offline FlowerTopic starter

  • Rumple || Critter || Hyacinth Forever Dancing
  • Mentor
  • Carnite
  • *
  • Join Date: Nov 2010
  • Location: Temple of the Moon
  • Let the Music Play || You Can Dance If You Want To
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Tables
« Reply #1 on: June 24, 2014, 10:42:33 AM »


*Note: I have to put spaces in the explanation code because otherwise it actually tries to create a table. When actually coding, do not do this. It will make you bang your head against your desk and curse the gods for the cruelty. <3


Code: [Select]
[table][/table]
Every table code must begin with one and end with these. The [ table ] code is basically telling the computer 'Listen up! We're about to make a table' while the [ / table ] code is letting it know that you have finished your glorious work! This is basically the bread of your sandwich.

Code: [Select]
[tr][/tr]
When you see these codes, it is creating a row for your table. Inserting a [ tr ] code will begin a new row while the [ / tr] code will signal that you have completed inputting information for that specific row. To begin another row, you simple create a new [ tr ] line of code. This is basically the condiments of your sandwich. I guess.  ::)

Code: [Select]
[td][/td]
When you see these codes, it is creating columns for your table. Inserting a [ td ] code will create a new column while the [ /td ] will signal that you have completed that column. The [ td ] [ /td ] code always goes inside of the [ tr] [ /tr ] code. You can have as many [ td ] [ /td ] code as you would like within the [ tr] [ /tr ].  In addition, sometimes people like to use this code to create lines of space within their information. This will make more sense when you see the examples. I consider this the meat, cheese, and veggies of your sandwich.

So there you have it. Hopefully now the purpose of each specific code makes a little more sense!


« Last Edit: August 07, 2016, 01:20:17 PM by Flower »

Offline FlowerTopic starter

  • Rumple || Critter || Hyacinth Forever Dancing
  • Mentor
  • Carnite
  • *
  • Join Date: Nov 2010
  • Location: Temple of the Moon
  • Let the Music Play || You Can Dance If You Want To
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Tables
« Reply #2 on: August 07, 2016, 01:20:59 PM »
Fixed Tables

Use fixed tables if you want your information to appear the same regardless of what size screen is being used by your target audience (group game members, potential roleplay partners, etc.) or if they have their screen zoomed in beyond 100%. I admit, fixed tables take more time and effort but it is worth it in the long run.





Helpful Tidbit:

  • Unfortunately, there is not a way to insert the typical horizontal and vertical lines within your table.
  • Color coordinating was my attempt to combat that and make information easier to read. Later down the road, I did notice it became a thorn in my side, mostly because I liked to alphabetize information for my group games. When someone new joined, I needed to redo the entire color scheme.
  • New color themes on Elliquiy also complicate using color tags. If you force change the font color, it might not be easy to read for users using a different theme than yours. Black font color is not easily readable in October Elliquiy theme, for example.
  • If you need additional rows, just start at the [ tr ] and copy to the [ /tr]. Paste it after the [ /tr ] line to add an additional row.  :-)




Without Color but With Borders

Two Column Fixed Border Table

HEADER  |  HEADER
TEXT  |  TEXT
TEXT  |  TEXT

Code: [Select]
[table]
[tr]
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[/tr]  
[tr]
[td]TEXT[/td]  
[td]  |  [/td]  
[td]TEXT[/td]
[/tr]  
[tr]
[td]TEXT[/td]  
[td]  |  [/td]  
[td]TEXT[/td]
[/tr] 
[/table]


Three Column Fixed Border Table
HEADER  |  HEADER  |  HEADER
TEXT  |  TEXT  |  TEXT
TEXT  |  TEXT  |  TEXT

Code: [Select]
[table]
[tr]
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[/tr]   
[tr]
[td]TEXT[/td]  
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[/tr] 
[tr]
[td]TEXT[/td]  
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[/tr] 
[/table]


Four Column Fixed Border Table
HEADER  |  HEADER  |  HEADER  |  HEADER
TEXT  |  TEXT  |  TEXT  |  TEXT
TEXT  |  TEXT  |  TEXT  |  TEXT

Code: [Select]
[table]
[tr]
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[/tr] 
[tr]
[td]TEXT[/td]  
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[/tr] 
[tr]
[td]TEXT[/td]  
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[/tr] 
[/table]


Five Column Fixed Border Table
HEADER  |  HEADER  |  HEADER  |  HEADER  |  HEADER
TEXT  |  TEXT  |  TEXT  |  TEXT  |  TEXT
TEXT  |  TEXT  |  TEXT  |  TEXT  |  TEXT


Code: [Select]
[table]
[tr]
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[td]  |  [/td]  
[td][b][u]HEADER[/u][/b][/td]
[/tr]   
[tr]
[td]TEXT[/td]  
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[/tr] 
[tr]
[td]TEXT[/td]  
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[td]  |  [/td]  
[td]TEXT[/td]
[/tr]      
[/table]





Without Borders or Color


Two Column Fixed Table
HEADER   HEADER
TEXT   TEXT
TEXT   TEXT


Code: [Select]
[table]
[tr]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[/tr]
[tr]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[/tr]
[tr]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[/tr]
[/table]


Three Column Fixed Table
HEADER   HEADER   HEADER
TEXT   TEXT   TEXT
TEXT   TEXT   TEXT

Code: [Select]
[table]
[tr]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[/tr]
[tr]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[/tr]
[tr]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[/tr]
[/table]


Four Column Fixed Table
[
HEADER   HEADER   HEADER   HEADER
TEXT   TEXT   TEXT   TEXT
TEXT   TEXT   TEXT   TEXT


Code: [Select]
[table]
[tr]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[/tr]
[tr]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[/tr]
[tr]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[/tr]
[/table]


Five Column Fixed Table
HEADER   HEADER   HEADER   HEADER   HEADER
TEXT   TEXT   TEXT   TEXT   TEXT
TEXT   TEXT   TEXT   TEXT   TEXT

Code: [Select]
[table]
[tr]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[td]   [/td]
[td][b]HEADER[/b][/td]
[/tr]
[tr]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[/tr]
[tr]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[td]   [/td]
[td]TEXT[/td]
[/tr]
[/table]

« Last Edit: June 14, 2018, 07:10:41 AM by Flower »

Offline FlowerTopic starter

  • Rumple || Critter || Hyacinth Forever Dancing
  • Mentor
  • Carnite
  • *
  • Join Date: Nov 2010
  • Location: Temple of the Moon
  • Let the Music Play || You Can Dance If You Want To
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Tables
« Reply #3 on: August 07, 2016, 01:21:34 PM »
Loose Tables

Use loose tables for when you are just listing items under headers. Do not use loose tables tables if you want your table to have the same layout regardless of what size computer is being used or if someone views the web page either zoomed in. I found out the hard way these tables will mix up your information and ruining the color coding! If that makes absolutely no sense, take a look at this example! Do you see how within third black row "yellow cat" dipped down into the fourth green row? If you don't care if the table does that, proceed to use the "loose tables. However, if you want uniformed tables (that look the same no matter what!), use the "fixed" tables.






Two Column Loose Table
HEADER

TEXT
TEXT
TEXT
TEXT
    
HEADER

TEXT
TEXT
TEXT
TEXT


Code: [Select]
[table]
[tr]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[td]     [/td]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[/tr]
[/table]


Three Column Loose Table
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT

Code: [Select]
[table]
[tr]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[td]     [/td]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[td]     [/td]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[/tr]
[/table]



Four Column Loose Table
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT


Code: [Select]
[table]
[tr]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[td]     [/td]
[td][center][b][u]-insert header here-[/u][/b][/center]

[center]*type text here*
*type text here*
*type text here*
*type text here*[/center]
[/td]
[td]     [/td]
[td][center][b][u]-insert header here-[/u][/b][/center]

[center]*type text here*
*type text here*
*type text here*
*type text here*[/center]
[/td]
[td]     [/td]
[td][center][b][u]-insert header here-[/u][/b][/center]

[center]*type text here*
*type text here*
*type text here*
*type text here*[/center][/td]
[/tr]
[/table]


Five Column Loose Table
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT
     
HEADER

TEXT
TEXT
TEXT
TEXT


Code: [Select]
[table]
[tr]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[td]     [/td]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[td]     [/td]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[td]     [/td]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center][/td]
[td]     [/td]
[td][center][b][u]HEADER[/u][/b]

TEXT
TEXT
TEXT
TEXT[/center]
[/td]
[/tr]
[/table]


« Last Edit: June 14, 2018, 07:17:26 AM by Flower »

Offline FlowerTopic starter

  • Rumple || Critter || Hyacinth Forever Dancing
  • Mentor
  • Carnite
  • *
  • Join Date: Nov 2010
  • Location: Temple of the Moon
  • Let the Music Play || You Can Dance If You Want To
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Tables
« Reply #4 on: August 07, 2016, 01:22:03 PM »
Tag Header Formatting

This is purely for fun! Sometimes, in group games, people write more than one character in a post. I struggled for a while with how to format it and still have my post look cute.  ::) This is the solution I came up with. In addition, this is also useful when you are using pictures to display the inside of a residence or something.

Two Characters in One Post Tag Header

Name: TEXT
Wearing: TEXT
    

Name: TEXT
Wearing: TEXT

Code: [Select]
[center]
[table]
[tr]
[td][center][img]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[b]Name:[/b] TEXT
[b]Wearing:[/b] TEXT
[/td]
[td]     [/td]
[td]
[center][img]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[b]Name:[/b] TEXT
[b]Wearing:[/b] TEXT
[/center][/td]
[/tr]
[/table]


Three Characters in One Post Tag Header

Name: TEXT
Wearing: TEXT
Location: TEXT
Time/Date: TEXT
  

Name: TEXT
Wearing: TEXT
Location: TEXT
Time/Date: TEXT
  

Name:TEXT
Wearing: TEXT
Location: TEXT
Time/Date: TEXT

Code: [Select]
[center]
[table]
[tr]
[td]
[center][img]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[b]Name:[/b] TEXT
[b]Wearing:[/b] TEXT
[b]Location:[/b] TEXT
[b]Time/Date[/b]: TEXT[/center]
[/td]
[td]   [/td]
[td]
[center][img]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[b]Name:[/b] TEXT
[b]Wearing:[/b] TEXT
[b]Location:[/b] TEXT
[b]Time/Date[/b]: TEXT
[/center]
[/td]
[td]   [/td]
[td]
[center][img]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[b]Name:[/b]TEXT
[b]Wearing:[/b] TEXT
[b]Location:[/b] TEXT
[b]Time/Date[/b]: TEXT[/center]
[/tr][/table]


Two Column Picture Table

TEXT

TEXT

Code: [Select]
[center]
[table]
[tr]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[/tr]
[/table]
[/center]


Three Column Picture Table

TEXT

TEXT

TEXT

Code: [Select]
[center]
[table]
[tr]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[/tr]
[/table]
[/center]


Four Column Picture Table

TEXT

TEXT

TEXT

TEXT

Code: [Select]
[center]
[table]
[tr]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[td]
[img height=200]https://elliquiy.com/elluiki/images/0/01/Floweravatar46.png[/img]
[center]TEXT[/center]
[/td]
[/tr]
[/table]
[/center]
« Last Edit: June 14, 2018, 07:29:26 AM by Flower »

Offline Blythe

Re: Tables
« Reply #5 on: August 07, 2017, 11:56:07 AM »
Flower requested that I post this addition to this tutorial. :-)

Creating a List within a Table
  • test
  • text
   
  • test
  • text

Code: [Select]
[table]
[tr]
[td]
[list]
[li]test[/li]
[li]text[/li]
[/list]
[/td]
[td]   [/td]
[td]
[list]
[li]test[/li]
[li]text[/li]
[/list]
[/td]
[/tr]
[/table]




Edit: 05/014/2018. Flower has requested I update the tutorial with some lovely O/O table coding. :)

For those looking to pretty up their ons and offs section, Flower has provided the how-to here! The categories were based on the same ones found in the O/O matrix.

Creating Different Ons & Offs Tables
Title
Likes   Maybes   Dislikes   Nevers
text   text   text   text
text   text   text   text
text   text   text   text
text   text   text   text
text   text   text   text

Code: [Select]
[table][tr][td][b]Title[/b][hr]
[table][tr]
[td][b]Likes[/b][/td]
[td]   [/td]
[td][b]Maybes[/b][/td]
[td]   [/td]
[td][b]Dislikes[/b][/td]
[td]   [/td]
[td][b]Nevers[/b][/td]
[/tr]
[tr]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[/tr]
[tr]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[/tr]
[tr]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[/tr]
[tr]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[/tr]
[tr]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[td]   [/td]
[td]text[/td]
[/tr]
[/table][/td][/tr][/table]


Category

Category
   
Category

Category
   
Category

Category
   
Category

Category
  • Text
  • Text
   
  • Text
  • Text
   
  • Text
  • Text
   
  • Text
  • Text


Code: [Select]
[table]
[tr]
[td][center][size=14pt][color=purple]Category[/color][/size][/center][hr]
[center][size=10pt][color=purple]Category[/color][/size][/center][/td]
[td]   [/td]
[td][center][size=14pt][color=purple]Category[/color][/size][/center][hr]
[center][size=10pt][color=purple]Category[/color][/size][/center][/td]
[td]   [/td]
[td][center][size=14pt][color=purple]Category[/color][/size][/center][hr]
[center][size=10pt][color=purple]Category[/color][/size][/center][/td]
[td]   [/td]
[td][center][size=14pt][color=purple]Category[/color][/size][/center][hr]
[center][size=10pt][color=purple]Category[/color][/size][/center][/td]
[/tr]
[tr]
[td]
[list]
[li]Text[/li]
[li]Text[/li]
[/list]
[/td]
[td]   [/td]
[td]
[list]
[li]Text[/li]
[li]Text[/li]
[/list]
[/td]
[td]   [/td]
[td]
[list]
[li]Text[/li]
[li]Text[/li]
[/list]
[/td]
[td]   [/td]
[td]
[list]
[li]Text[/li]
[li]Text[/li]
[/list]
[/td]
[/tr]
[/table]


Category

   
Category

   
Category

   
Category

  • Text
  • Text
   
  • Text
  • Text
   
  • Text
  • Text
   
  • Text
  • Text

Code: [Select]
[table]
[tr]
[td][center][size=14pt][color=purple]Category[/color][/size][/center][hr]
[/td]
[td]   [/td]
[td][center][size=14pt][color=purple]Category[/color][/size][/center][hr]
[/td]
[td]   [/td]
[td][center][size=14pt][color=purple]Category[/color][/size][/center][hr]
[/td]
[td]   [/td]
[td][center][size=14pt][color=purple]Category[/color][/size][/center][hr]
[/td]
[/tr]
[tr]
[td]
[list type=square]
[li]Text[/li]
[li]Text[/li]
[/list]
[/td]
[td]   [/td]
[td]
[list type=square]
[li]Text[/li]
[li]Text[/li]
[/list]
[/td]
[td]   [/td]
[td]
[list type=square]
[li]Text[/li]
[li]Text[/li]
[/list]
[/td]
[td]   [/td]
[td]
[list type=square]
[li]Text[/li]
[li]Text[/li]
[/list]
[/td]
[/tr]
[/table]
« Last Edit: June 14, 2018, 11:55:56 AM by Blythe »

Offline FlowerTopic starter

  • Rumple || Critter || Hyacinth Forever Dancing
  • Mentor
  • Carnite
  • *
  • Join Date: Nov 2010
  • Location: Temple of the Moon
  • Let the Music Play || You Can Dance If You Want To
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Tables
« Reply #6 on: June 14, 2018, 07:35:00 AM »
Hey all. I've gone through and updated all of the code samples based on what I've learned of late. Hopefully it's easier to read and less messy. I hope this thread is still useful for you. :)

Also, since I know people are doing daily counts for various projects...

You could do it the fixed way but it might be a little more tedious.

January   February   March   April   May   June   July   August   September   October   November   December
1 = 000   1 = 000   1 = 000   1 = 000   1 = 000   1 = 000   1 = 000   1 = 000   1 = 000   1 = 000   1 = 000   1 = 000
2 = 000   2 = 000   2 = 000   2 = 000   2 = 000   2 = 000   2 = 000   2 = 000   2 = 000   2 = 000   2 = 000   2 = 000
3 = 000   3 = 000   3 = 000   3 = 000   3 = 000   3 = 000   3 = 000   3 = 000   3 = 000   3 = 000   3 = 000   3 = 000
4 = 000   4 = 000   4 = 000   4 = 000   4 = 000   4 = 000   4 = 000   4 = 000   4 = 000   4 = 000   4 = 000   4 = 000
5 = 000   5 = 000   5 = 000   5 = 000   5 = 000   5 = 000   5 = 000   5 = 000   5 = 000   5 = 000   5 = 000   5 = 000
6 = 000   6 = 000   6 = 000   6 = 000   6 = 000   6 = 000   6 = 000   6 = 000   6 = 000   6 = 000   6 = 000   6 = 000
7 = 000   7 = 000   7 = 000   7 = 000   7 = 000   7 = 000   7 = 000   7 = 000   7 = 000   7 = 000   7 = 000   7 = 000
8 = 000   8 = 000   8 = 000   8 = 000   8 = 000   8 = 000   8 = 000   8 = 000   8 = 000   8 = 000   8 = 000   8 = 000
9 = 000   9 = 000   9 = 000   9 = 000   9 = 000   9 = 000   9 = 000   9 = 000   9 = 000   9 = 000   9 = 000   9 = 000
10 = 000   10 = 000   10 = 000   10 = 000   10 = 000   10 = 000   10 = 000   10 = 000   10 = 000   10 = 000   10 = 000   10 = 000
11 = 000   11 = 000   11 = 000   11 = 000   11 = 000   11 = 000   11 = 000   11 = 000   11 = 000   11 = 000   11 = 000   11 = 000
12 = 000   12 = 000   12 = 000   12 = 000   12 = 000   12 = 000   12 = 000   12 = 000   12 = 000   12 = 000   12 = 000   12 = 000
13 = 000   13 = 000   13 = 000   13 = 000   13 = 000   13 = 000   13 = 000   13 = 000   13 = 000   13 = 000   13 = 000   13 = 000

Code: [Select]
[table]
[tr]
[td]January[/td]
[td]   [/td]
[td]February[/td]
[td]   [/td]
[td]March[/td]
[td]   [/td]
[td]April[/td]
[td]   [/td]
[td]May[/td]
[td]   [/td]
[td]June[/td]
[td]   [/td]
[td]July[/td]
[td]   [/td]
[td]August[/td]
[td]   [/td]
[td]September[/td]
[td]   [/td]
[td]October[/td]
[td]   [/td]
[td]November[/td]
[td]   [/td]
[td]December[/td]
[/tr]
[tr]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[td]   [/td]
[td]1 = 000[/td]
[/tr]
[tr]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[td]   [/td]
[td]2 = 000[/td]
[/tr]
[tr]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[td]   [/td]
[td]3 = 000[/td]
[/tr]
[tr]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[td]   [/td]
[td]4 = 000[/td]
[/tr]
[tr]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[td]   [/td]
[td]5 = 000[/td]
[/tr]
[tr]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[td]   [/td]
[td]6 = 000[/td]
[/tr]
[tr]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[td]   [/td]
[td]7 = 000[/td]
[/tr]
[tr]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[td]   [/td]
[td]8 = 000[/td]
[/tr]
[tr]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[td]   [/td]
[td]9 = 000[/td]
[/tr]
[tr]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[td]   [/td]
[td]10 = 000[/td]
[/tr]
[/table]

Or you can just use the loose method.

January

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =
     
February

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
     
March

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =
     
April

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
     
May

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =
     
June

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
     
July

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =
     
August

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =
     
September

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
     
October

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =
     
November

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
     
December

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =

Code: [Select]
[table]
[tr]
[td][center][b][u]January[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]February[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
[/center]
[/td]
[td]     [/td]
[td][center][b][u]March[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]April[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =[/center][/td]
[td]     [/td]
[td][center][b][u]May[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]June[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]July[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]August[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]September[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]October[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]November[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =[/center]
[/td]
[td]     [/td]
[td][center][b][u]December[/u][/b]

1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =
15 =
16 =
17 =
18 =
19 =
20 =
21 =
22 =
23 =
24 =
25 =
26 =
27 =
28 =
29 =
30 =
31 =[/center]
[/td]
[/tr]
[/table]



« Last Edit: June 14, 2018, 08:03:59 AM by Flower »