"We learn the ropes of life by untying its knots."
- Jean Toomer

Tables : Decoration

For Starters...

We all know what tables are, right? Good. (If you said no to this question, you should read the previous tutorial: Tables : Basic to know how to create and use tables.) Tables can have numerous kinds of decorations. The borders can be adjusted to fit your liking, as well as border color, size, background color, text anf font properties (which can also be adjusted with the font tags - tutorial here) and many other things.
So, if I wanted, say a table with a dashed, white, 1 pixel border, 100 width, 100 height, then I would use this code:

<table width=100 height=100 style="background-color:transparent; color:#123456; font-face: verdana; font-size: 8pt; border: 1 #FFFFFF dashed"> <tr> <td>&nbsp;</td> </tr> </table> ...and I would end up with this:
 

To have a solid border all you need to do is change where it says "dashed" to "solid" and you will have the following result:
 

As I said, you can edit the font properties in the tables tag itself, or in an individual set of font tags. Whichever you choose, it doesn't really matter because you can override the individual font tags by adjusting them in the tables tags. There are many HTML resource sites out there that have other properties you can use for your tables, but this was just a basic overview of table decoration. If you want to know more, I suggest that you go to either:
  • B-Man Artworks or
  • Corefx.net.
    • Both are great resource sites for this kind of stuff, I have used them both at various times when creating templates and just learning things I've been wanting to learn for a while. I hope all that made sense to you guys, but if not, contact me through the contact "Find" page here.
    Hosted by www.Geocities.ws

    1