Index

back to
Basic Tables


Safe Kids


Missing
Children


Created by
Kids


Cool Places for Kids and Teens


About Me


Links


Your
SafetyTips,
Stories or
Comments


Sign My Guestbook


WEB Pages Tips 'n Tricks


Awards


Rings


e-mail

Safe Kids Banner

Learn, listen, and read!
Help prevent those heart breaking fatalities and injuries
that can be prevented!
Any child's safety is your responsibility!

Golden Rule

CLEVER TABLES

Interesting facts about tables:

If you create a cell that contains a graphic image and wonder why does the cell have all that space around it or why isn't it centered properly, it is because of the way you wrote the HTML code. Any return spaces or extra spaces in the code will create some space in the cell. (see TABLE #2 below) So instead of typing it like this:

<td>

   <img src="url">

</td>

Try typing it like this:

<td><img Src="url"></td>



More about tags and their values

BORDER=<value>You can have a table within a table with different BORDER values. This looks much nicer than if both tables have the same border width. Or make the inside table invisible by setting the BORDER=0 (see sample TABLE #2 inside TABLE #1 below)

CELLSPACING=<value> This is the amount of space between each cell

CELLPADDING=<value> This is the amount of space between the border of the cell and the contents of the cell. A cell padding of 0 <zero> may not look good because the contents fo the cell may touch the cell borders making it unclear.

WIDTH=<value or percent> When used with the <TABLE> tag it will set the width of the table. You can set it by the number of pixels or a percentage of the documents width
When used with <TH> or <TD> tags it sets the width of the cell. You can also set it by the pixels or a percentage ot the table width.

Index

back to
Basic Tables


Safe Kids


Missing
Children


Created by
Kids


Cool Places for Kids and Teens


About Me


Links


Your
SafetyTips,
Stories or
Comments


Sign My Guestbook


WEB Pages Tips 'n Tricks


Awards


Rings


e-mail





Adding color to your table

By changing the page background color behind your wallpaper you can create interesting looking borders for your tables. The Background color shows through the wallpaper.

That's how the table below got that "grey shaded" frame affect. If you look at the HTML code for the table there is an addtional command in the <BODY> tag.

<BODY TEXT="#00FFFF" BGCOLOR="#FFFFFF" LINK="#CE0000" VLINK="#000080" ALINK="#FF00FF" BACKGROUND="purplebord.gif">

("#FFFFFF" Being WHITE)

You can also chose a different color for each of the rows

<TR BGCOLOR="#80FF80">

("#80FF80" Being a light green ->CELL#3 and #4)

or each of the cell independantly.

<TD BGCOLOR="#FFFF80">

("#FFFF80" Being a light yellow ->CELL#5)

<TD BGCOLOR="#00FFFF">

("#00FFFF" Being a light blue ->CELL#6)




CLEVER TABLES

CELL #1

TABLE #1

CELL#2 TABLE #1
Roses
CELL #1 TABLE #2
CELL #3 CELL #4
CELL #5 CELL #6


Do you want to see the CODE behind this table? Got it right here!

Back to * Basic Tables *




This page hosted by Get your own Free Home Page