 |
|
News
View |
|
All News |
Add News |
Emoticons |
Mark Unread
|
|
|
|
|
|
|
|
|
 Previous Item - banntrial
This will go to the previous thread in this topic. | 
Favorite option: If you want this item to be marked as a favorite, click on the black heart.
basic table |
|  Next Item - BB BG
This will go to the next thread in this topic. |
|
|
|
 |
Jim HOGAN - Jan 13,2004
Edit |
Adv. Edit |
Delete |
Viewers
| Reply
|
| |
BASIC TABLEÂ Â Posted by Penny Hunt Let's brush up on the basics. Please feel free to correct anything that I have wrong. Remember I am learning with you. ;-)BASIC TABLEFirst thing is | . This opens the table.Second is | | . This is the row attribute.Third is | . This is the column attributeFourth thing is don't forget to close the table: |
Let's begin by adding a background color to your table.| PUT YOUR TEXT OR PICTURES HERE ;-) |
PUT YOUR TEXT HERE if you want a background image, replace the bgcolor="pink" with background="image url" Something to remember: unless you tell it otherwise, the table will be the size of the graphics or text that is inside it. See the above example. It's a small table. Let's make it a bigger table. Start with the width.| PUT YOUR TEXT OR PICTURES HERE ;-) |
width=75% | PUT YOUR TEXT OR PICTURES HERE ;-) |
Width=85% | PUT YOUR TEXT OR PICTURES HERE ;-) |
width=95% Another way to increase the size of the table is by using cellpadding.What is cellpadding?Cellpadding is the distance between the text or graphic and the edge of the table.| PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=5 | PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=15 | PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=45 | PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=65 | PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=100 How about a border?You can give your table a border. It can be any color and any size you want. If you put in a border but don't specify a color, then the border will be gray. (there is an exception to this that we will discuss later)| PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=45border=2 | PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=45border=10 Give that border a color| PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=45border=2bordercolor="blue" | PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=45border=10bordercolor="blue" Aligning the table on the pageYou can center the table, put the table on the right or put the table on the left.| PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=45border=10bordercolor="blue"align="center" What is cellspacing?Spacing between the cells. ;-) When we get to the lessons that divide the table into sections, you can use this to put space inbetween the different sections. Right now on this basic table, it will show a difference in the border. In the next two examples, pay attention to how the border looks.| PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=45border=10bordercolor="blue"align="center"cellspacing=10 | PUT YOUR TEXT OR PICTURES HERE ;-) |
cellpadding=45border=10bordercolor="blue"align="center"cellspacing=0 |
| | | |
