When I decided to create my first bordered background site, CanTex, I realized that I was going to have to learn how to do tables. I approached this awesome undertaking with a garland of garlic in one hand and a silver cross in the other. I'm only joking, of course, but it should give you some idea about how intimidated I was when I set out to learn how to do tables. I read everything that I could find about how to do tables. Then, I found a marvelous tool, FrontPage Express. I discovered somewhere along the way, that I could create what I wanted for my webpages in FrontPage, and then copy and paste the HTML codes (found in the "View" dropdown menu) into my webpage editor. This saves a lot work because most of the HTML codes are repetitious.
This is an example of a table that has 1 column and 1
row. It has a border with the value of "3",
cell padding value of "0", cell spacing value
of "1", and is 300 pixels wide.
This is an example of a table
that is made up of 1 column, 2 rows; has a border with
the value of 3, and has identical cell values as with the
table above.
This is the second row of the
table. Notice that the height of the table cell is variable.
This table has 4 cells
2 columns 2 rows
Same
cell properities as above. Except that the border has a
value of 5.
Notice the lines between the
cells. That is the "cell spacing"- has a value of
1.
This table has 1 column and 3
rows.
The border value is 10.
The 3D effect is more obvious
with this size border. Notice the shading of the right
side and bottom of the table.
The border value for this table
is 15. It really makes the table stand out.
I changed the value of the cell
spacing to 3 to show the increase of the line thickness.
On the next table, I will show
what "cell padding" is.
Cell padding is the room
between what you have in the cells and the
"walls" of the cells.
I increased the value of of the
cell padding from "0" to "2".
Its barely noticable, but if
you look closely, you can see that the text isn't as
close to the cell walls as in the tables above.
Ok, here I have increased the
cell padding value to "10" and the difference
is obvious.
