Kid's Guide Publish!
 
 
  Use the Kid's Guide to learn how to write web pages!
then use Publish! to learn how to get your pages live to the Internet!
BACK       

Kid's Guide

1 - Tags
2 - Page Sections
3 - Format/Nesting
4 - Head Tags
5 - Body tags
6 - Text Decoration
7 - Lists
8 - Colour
9 - Source
10 - Images
11 - Links/Anchor Tag
12 - Special Charaters
13 - Tables
    part 1 - rows & columns
    part 2 - backgrounds
    part 3 - alignment
    part 4 - borders
    part 5 - nesting
14 - Frames

Table Borders

There are a lot of differnet ways to decorate the border of your table. Table borders look 3D by using different coloured lines of pixels caled stips. There are three types of strip:

  1. the main/centre strip which is made up from:
  2. the light strip - top or left strip
  3. the dark strip - bottom or right strip

bordercolor="#hexidecimal"
Following is an example of changing just the border colour
Ex:

   

bordercolorlight="#hexidecimal"
bordercolordark="#hexidecimal"

<table width="100%" border="6" bordercolordark="#00ffff" bordercolorlight="#ff00ff" cellspacing="0" cellpadding="0">
    <tr>
        <td> </td>
        <td> </td>
    </tr>
</table>

   

frame="value" BEWARE! Most of these only work in Internet Explorer!

<table width="100%" border="1" frame="value" cellspacing="0" cellpadding="0">
    <tr>
        <td> </td>
        <td> </td>
    </tr>
</table>

The FRAME command allows you to control which parts of the border will be visible:

above: shows top edge only

   

below: shows bottom edge only

   

border: shows all four sides (default/normal)

   

box: shows all four sides (like border)

   

hsides: shows top and bottom edges

   

lhs: shows left edge only

   

rhs: shows right edge only

   

void: shows no border

   

vsides: shows left and right edges

   

rules="value"
Like FRAME, but RULES deals with the inside border edges and is not as flexable as FRAME

<table width="100%" border="1" rules="value" cellspacing="0" cellpadding="0">
    <tr>
        <td> </td>
        <td> </td>
    </tr>
</table>

all: shows all borders

   

cols: shows borders between cells

   

groups: shows borders between all cell groups

   

none: hides all interior borders

   

rows: shows borders between rows only

   

 

 
Safety and Privacy Policies We'd love to get your feedback! Who Made This?

Copyright © 2002 HTML4KIDSTM. All rights reserved.


Hi! I'm Jet Internet! I'm here to guide you through the site and help you with any questions you may have. When you see and text in red slide your cursor over the word then look here in my Speach bubble. I will be able to help with defining, explaining and providing extra information on that topic.

Cell
Each individual area created by <td></td> = Table Data cell
Can be made as rows, columns or combination of both.

Column
<td></td> = Table Data cell
Multiple Vertical areas within a table.