• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Formatting a table

You can format a table by specifying options in the Table Inspector, by applying a predefined table style using the Table palette, or by doing both. You need to use the Table Inspector to specify options for the table's basic appearance, such as its number of rows and columns. Predefined table styles let you quickly format specific table features, such as the color of individual table cells.

Now you'll use the Table Inspector to specify the number of rows and columns for the table. Because the third column doesn't contain data, you'll remove it from the table.

1.
If necessary select the table in the appraise.html document.

2.
In the Table Inspector, for Columns, enter 2. Press Enter or Return.

You can determine the number of rows and columns in the table before you add the table to your page. In the Basic set of the Objects palette, Ctrl-click (Windows) or Command-click (Mac OS) on the Table icon. The Table icon appears as one cell. While still in the Objects palette, Ctrl-drag (Windows) or Command-drag (Mac OS) vertically and then horizontally until the table contains the desired number of rows and columns. When you release the cursor, the table is added to your document.


Now you'll add headings to each column of the table. You'll begin by adding an empty row at the beginning of the table.

3.
Click the bottom or right edge of the first cell in the left column of the table to select it. (Make sure that you select the cell, not the text.)

The Cell tab is automatically selected in the Table Inspector.

4.
In the Table Inspector, click the Add Row Above button to add a row above the current selection.

Clicking bottom edge of table cell to select it

Add Row Above button

5.
Click inside the new first cell in the left column of the table to insert a cursor.

6.
Type Abbreviation, press Tab to move the cursor to the first cell in the right column, and type Meaning.

Now you'll format the table using a predefined table style included with GoLive. First you'll preview the style in the Table palette.

7.
Choose Window > Table to display the Table palette.

8.
In the Table palette, click the Style tab. Then choose Green from the pop-up menu in the upper left corner of the Style tab.

9.
Click Apply to apply the chosen style to the table.

You can easily remove a predefined table style once you've applied it.

10.
Click Clear to remove the chosen style from the table.

If you don't find a predefined table style that meets your needs, you can create your own style using the Table Inspector and a variety of palettes included with GoLive.

Now you'll specify options for the table's appearance using the Table Inspector.

11.
In the document window of the appraise.html file, select the table.

12.
In the Table Inspector, choose Auto from the Width pop-up menu.

13.
For Border, enter 6 to increase the width of the table's border. For Cell Pad, enter 4 to increase the horizontal and vertical spacing of each table cell. For Cell Space, enter 4 to increase the space between table cells. Press Enter or Return.

Now you'll add a caption above the table.

14.
Select Caption, and make sure that Above Table is chosen from the pop-up menu.

15.
Click directly above the table to insert a cursor, and type Abbreviations.

Typing caption above table

Caption and Above Table options

16.
Click the Left Align button () on the Main Toolbar to align the caption to the left side of the table.

17.
Select the “Abbreviations” text, and click the Bold button () on the toolbar.

Instead of selecting text by dragging, you can select a single word by double-clicking it or a line of text by triple-clicking it.


Now you'll increase the font size of the “Abbreviations” text.

You can use the Font Size menu to apply custom font sizes that override the browser's preferences. Most browsers are set to display text at 12 points. The GoLive Font Size menu allows you to set relative font sizes that range from 1 to 7. The Font Size 3 is the baseline font size. It causes text to display in the font size set in the browser's preferences. A font size of 1 displays text at two font sizes smaller than the size set in the browser's preferences, a font size of 2 displays text at one font size smaller, a font size of 4 displays text at one font size larger, and so on.

18.
Choose 4 from the Font Size menu on the toolbar, and click in the blank space outside the caption to deselect it.

Now you'll format the column headings.

19.
Select the “Abbreviation” text in the first cell of the table, and choose Type > Style > Underline to underline it. Then select the “Meaning” text, and underline it.

Now you'll adjust the width of the columns in the table.

20.
Click the bottom or right edge of any cell in the left column of the table to select it.

21.
In the Cell tab of the Table Inspector, choose Pixel from the Width menu. For Width, enter 100.

The selected cell and all other cells in its column increase in width.

22.
Click the bottom or right edge of any cell in the right column of the table to select it. Choose Pixel from the Width menu. For Width, enter 140.

You can also adjust the width of a table column by positioning the pointer on the right edge of the column so that the pointer turns into a double-headed arrow, and dragging to the left or right.


23.
Choose File > Save.

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint