• March 18, 2024, 09:47 PM
• Welcome, Guest. Please login or register.
Did you miss your activation email?
Perusing The Shelves

Author Topic: How to proprerly format an html data table  (Read 9435 times)

Offline jessadia

How to proprerly format an html data table
« on: March 07, 2012, 11:34 AM »
I've recently had a couple of members ask me for html help so I thought I'd start a tutorial for it in case there was anybody else out there who was too shy to ask ;)

Quote
any tips you can give me on how to format this damn posted book list would be great! Mine isn't all lovely and aligned like the A List and its driving me bananas  >:(

The first thing you must know is that you have to use the 'table' code which is as follows:
 
Code: You are not allowed to view links. Register or Login
[table]
[tr]
[td][/td]
[/tr]
[/table]

'table' goes at the very beginning and end, 'tr' goes at the beginning and end of each line, and 'td' is entered after every separate entry in that row, as well as inserted to equal tabs/spaces.

Here's a quick lesson:

put the word table in brackets at the beginning of the area you want to organize and again at the very end with a backslash "/" before the letter 't' in table. This gives you the general guidelines for your table.


you'll also need to use the following table tags: tr and td, both in brackets before/after certain data.
tr= table row
td=table data


table data (td) is used for things like even spaces/tabs between entries, table rows are used like columns when setting it up. For extra spacing use double table data's:
Code: You are not allowed to view links. Register or Login
[td][/td][td][/td]

Example:
Code: You are not allowed to view links. Register or Login
[tr][td][b][size=13pt]Author[/size][/b][/td]     [td][/td][td][/td] [td][b][size=13pt]Book Title (Series #)[/size][/b][/td] [td][/td][td][/td] [td][b][size=13pt]RD[/size][/b][/td] [td][/td][td][/td] [td][size=13pt][b]Found?[/b][/size][/td] [td][/td] [td][size=13pt][b]Thx to[/b][/size][/td][/tr]

here's an example from my Feb S&F thread ( note that the top entry line is the Heading of my table):


Code: You are not allowed to view links. Register or Login
[table]
[tr][td][b][size=13pt]Author[/size][/b][/td] [td][/td][td][/td] [td][b][size=13pt]Book Title (Series #)[/size][/b][/td] [td][/td][td][/td] [td][b][size=13pt]RD[/size][/b][/td] [td][/td][td][/td] [td][size=13pt][b]Found?[/b][/size][/td] [td][/td] [td][size=13pt][b]Thx to[/b][/size][/td][/tr]
[tr][td][b]A[/b]da Adams[/td] [td][/td][td][/td][td]ReVamped[/td] [td][/td][td][/td] [td]Feb 20th[/td] [td][/td][td][/td] [td][center]No[/center][/td] [td][/td] [td][color=lawngreen][b][/color][/td][/tr]
[tr][td]Aimee Laine[/td] [td][/td][td][/td][td]Hide & Seek (Games of Zeus #1) [/td] [td][/td][td][/td] [td]Feb 20th[/td] [td][/td][td][/td] [td][center]No[/center][/td] [td][/td] [td][color=olivedrab][/color][/td][/tr]
[tr][td]Amy Cross[/td] [td][/td][td][/td][td]Lupine Howl Volume 1[/td] [td][/td][td][/td] [td]Feb 21st[/td] [td][/td][td][/td] [td][center]Pg 12[/center][/td] [td][/td] [td][color=olivedrab]snoopy06[/color][/td][/tr]
[/table]


...and here is what members see when they look at it:

AuthorBook Title (Series #)RDFound?Thx to
Ada AdamsReVampedFeb 20th
No
Aimee LaineHide & Seek (Games of Zeus #1) Feb 20th
No
Amy CrossLupine Howl Volume 1Feb 21st
Pg 12
snoopy06



*It also helps if you 'center' the Page # entries because if not it will automatically left align it. Here's a quick example of a non-centered and a centered entry:

Non-Centered

AuthorBook Title (Series #)RDFound?Thx to
Ada AdamsReVampedFeb 20thNo

Code: You are not allowed to view links. Register or Login
[tr][td][b][size=13pt]Author[/size][/b][/td]   [td][/td][td][/td] [td][b][size=13pt]Book Title (Series #)[/size][/b][/td] [td][/td][td][/td] [td][b][size=13pt]RD[/size][/b][/td] [td][/td][td][/td] [td][size=13pt][b]Found?[/b][/size][/td] [td][/td] [td][size=13pt][b]Thx to[/b][/size][/td][/tr]
[tr][td][b]A[/b]da Adams[/td] [td][/td][td][/td][td]ReVamped[/td] [td][/td][td][/td] [td]Feb 20th[/td] [td][/td][td][/td] [td]No[/td] [td][/td] [td][color=lawngreen][b][/color][/td][/tr]


Centered:

AuthorBook Title (Series #)RDFound?Thx to
Ada Adams
ReVamped
Feb 20th
No


Code: You are not allowed to view links. Register or Login
[tr][td][b][size=13pt]Author[/size][/b][/td]   [td][/td][td][/td] [td][b][size=13pt]Book Title (Series #)[/size][/b][/td] [td][/td][td][/td] [td][b][size=13pt]RD[/size][/b][/td] [td][/td][td][/td] [td][size=13pt][b]Found?[/b][/size][/td] [td][/td] [td][size=13pt][b]Thx to[/b][/size][/td][/tr]
[tr][td][b]A[/b]da Adams[/td] [td][/td][td][/td][td][center]ReVamped[/center][/td] [td][/td][td][/td] [td]Feb 20th[/td] [td][/td][td][/td] [td][center]No[/center][/td] [td][/td] [td][color=lawngreen][b][/color][/td][/tr]


**I also centered the book/series title in the above entry so you could see how it looks



You can easily copy/paste the info from any of the coded entries I provided and just change the fields. If you have any questions, need help or have something to add please leave a post




A HUGE Thank You goes to Filouke who taught me how to properly use a table not too long ago.....
« Last Edit: April 20, 2012, 10:15 AM by jessadia »
 
The following users thanked this post: kazaam

Advertisement


Offline GG drypen!

Re: Html Tutorial
« Reply #1 on: March 07, 2012, 11:48 AM »
Great tutorial!
 

Offline scarlet156

Re: How to proprerly format an html data table
« Reply #2 on: July 02, 2012, 06:02 AM »
what code is supported for tables to set the width/height or size%. i tried in both html and css which is similar but it wouldn't take.
if you know how to do that better than me, please let me know where to put the code in the coding order.
the code i found is:
<td style="width:400px">
or
<table border="1" width="400">
 

Offline itallFire

Re: How to proprerly format an html data table
« Reply #3 on: July 19, 2012, 09:07 AM »
Thank you for all, I used your example! by the way how do you link? For instead I write a word and that word is linked to another page?

Edit: I already found out! lol! I find myself getting more blondish moments, I think my new hair color is not doing me any favors!
« Last Edit: July 19, 2012, 12:40 PM by itallFire »
 

Tags:
 

Related Topics

  Subject / Started by Replies Last post
HTML book

Started by xandra16 Ask a Question

1 Replies
4257 Views
Last post March 22, 2012, 09:26 PM
by jessadia