Insert a Table

A table is composed of rows and columns which make up cells where you can insert and organize the layout of your content.

INSERT A TABLE

1. On the Menu bar, select Table > Insert > Table. 
2. In the Insert Table dialog box, you can set the properties of the new table to suit your content need.  The following is the explanation of each property:
   • Rows - number of rows
   • Columns - number of columns
   • Alignment - vertical alignment of the table
   • Border size - width of the outer border
   • Cell padding - space between text and cell borders
   • Cell spacing - space between cells

TABLE / CELL BACKGROUND

1. Place your mouse pointer inside the cell or table where you want to set the background color or image.
2. Right-click the cell and select Cell Properties or Table Properties.
3. Under Background section, click the color dropdown box to select a color for the background or click the "Use background picture" check box and then click Browse to select a picture for the background.

Using CSS to set the background

Copy and paste the following codes to your existing css file. 

Background Color:

.tablebg { background: #006699; }

Background Image:

.tablebg { background-image: url('../images/background.gif'); }

If you don't have a css file in your web, you will need to create one as follows:

1. Switch to the Page view (On the Menu bar, select View > Page)
2. On the Menu bar, select File > New > Page and select Style Sheets tab - Normal Style Sheet. For FrontPage 2002 users, select File > New > Page or Web > Page Template and select Style Sheets tab - Normal Style Sheet
3. Copy and paste the above codes to the new page.
4. Save the new style sheet as style.css or any name of your choice with the extension .css
5. Open your web page. Go to Format > Style Sheet Links. This will bring up a dialog box. Click Add to browse to your CSS file and then click OK to apply the css to your web page.
6. Place your mouse pointer inside the cell or table for which you want to set the background.  On the menu bar, select Table > Select > Table or Cell.  Switch to the HTML view.  Within the highlighted codes, find the first line which may look like <td ... > or <table ... >  Insert the codes "class=tablebg" into the tags as follows:

          <td class="tablebg" ...>  or <table class="tablebg" ...>

TABLE / CELL BORDER COLOR

Setting the border colors make your web content easier to view and navigate.

Note. If your web page uses theme, you can't set border color for a table.  

1. Move the insertion point inside the cell or table for which you want to set the border color.
2. Right-click, and then click Cell Properties or Table Properties, depending on whether you want to set a border color for a cell or table.
3. Do one of the following:

   To set one color for the border, under Borders, select a color from the Color list. To set a two-color border, under Borders, select colors from the Light border and Dark border lists.  The color from the Color list will not be used. However, if you select only a Light border or a Dark border, the color selected from the Color list will be used as the second color.

4.  

TEXT ALIGNMENT IN A CELL

1. Right-click the cell and select Cell Properties.
   • Horizontal alignment - horizontal alignment of the cell's content relative to the cell
   • Vertical alignment - vertical alignment of the cell's content relative to the cell