Free Republic
Browse · Search
General/Chat
Topics · Post Article

To: jellybean
Do you want to tackle the <table> tag next? I can give it a shot, but not until after I get some sleep. :)

Why don't you give it a go in the morning. I spent the day recovering a client's data from a failed upgrade where his backups were on the same HD as the OS... not good... and i'm pooped. I'll look forward to seeing it. ;^)>

35 posted on 06/01/2008 12:24:53 AM PDT by Swordmaker (Remember, the proper pronunciation of IE is "AAAAIIIIIEEEEEEE!)
[ Post Reply | Private Reply | To 30 | View Replies ]


To: Swordmaker
I was going to leave that one out, but what the heck.

Tables
Tables make organized displays of rows and columns of information.

<table> </table> On and off tags for a table.
<tr> </tr> On and off tags for a row in a table.
<td> </td> On and off tags for a data item in a row.
<th></th> On and off tags for a data header in a row.

The table and /table tags turn the table on and off. The tr and /tr tags mark the begginning and end of each row. Each row has to begin with the tr tag and end with the /tr tag.

Each row in a table is made of data items. The td and /td tags define each item. The computer automatically lines the data items up in columns from left to right. If you have large data items, like a paragraph of information, the format will probably turn into a mess. Use short data items to keep the table neat.

You can add a border to the table by including a border definition in the table tag like this: <table border=1>

The space for each individual item is called a cell. There are other commands and definitions that can change the appearance of the cells, or adjust them to accomodate different sized data items. That's a little beyond this thread, but there's a link at the bottom of the post if you want to learn more about tables.

You can make the data in the item appear in bold by marking the on tag as a header. This will work at the beginning of each row, or in the individual items across a row.

Member Posts Status
Bob 10 Active
Joe 15 Active
Mary 0

I changed the headers to the first item of data in each row in this table.

Member Posts Status
Bob 10 Active
Joe 15 Active
Mary 0

If you omit the border, it looks like this.

Member Posts Status
Bob 10 Active
Joe 15 Active
Mary 0

It won't draw the border around a cell with no data. The simplest way to fix this is to put something like two asterisks ** in the data.

Member Posts Status
Bob 10 Active
Joe 15 Active
Mary 0 **

What does that actually look like?

<table border=1 >

<tr> <th>Member</th><td>Posts</td><td>Status</td></tr>

<tr><th>Bob</th><td>10</td><td>Active</td></tr>

<tr><th>Joe</th><td>15</td><td>Active</td></tr>

<tr><th>Mary</th><td>0</td><td>**</td></tr>

</table>

This link goes to the w3schools page on tables.

51 posted on 06/01/2008 8:37:05 AM PDT by sig226 (Real power is not the ability to destroy an enemy. It is the willingness to do it.)
[ Post Reply | Private Reply | To 35 | View Replies ]

Free Republic
Browse · Search
General/Chat
Topics · Post Article


FreeRepublic, LLC, PO BOX 9771, FRESNO, CA 93794
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson