Tables
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. |
HOME
