FrontPage - adding a table

This topic explains how to add a table to a topic using FrontPage (FP) so that the table is formatted with appropriate Lotech Solutions styles. (The topic must be linked to the LotechSolutions.css in its header.)

To add a new table to a topic

1. Move the cursor to the position on the HTML page where you want to create the table. Ideally it should be positioned between two empty <P> tags (which will be converted to <TABLE> tags).
2. From the Table menu, select Insert | Table.

The Insert Table dialog will display.



3. In the Size section, select the appropriate number of Rows and Columns required.

Tip

Keep the number of columns to as few as possible. Remember that the more columns in the table, the less width available for each, and that narrow long columns are very difficult to read. Don't cram in so much that it can't be read. Make several tables, or graph the information for better understanding.

4. In the Layout section, set the Alignment field to "Default", delete the Border size, Cell padding, and Cell spacing  fields if they contain any values, and uncheck the Specify width field if checked.
5. If you wish to apply a predefined table style (typically to specify a fixed table width) rather than use the default 100% wide style, click the Style button.

If so, in the Class field, enter the exact name of the table class to match the predefined style name in LotechSolutions.css stylesheet. It could be one of indented, PixelWidth400,  PixelWidth500, PixelWidth600 (or any others if added since this procedure was written).

6. Click OK.

The table will be inserted within the topic.

7. If you want the table to be formatted to display a header row, apply the header row property to the first row.

To do so, select the first row of the table, then from the Table menu, select Properties | Cell. The Cell Properties dialog will display. In the Layout section, check Header Cell, then click OK. The first row will now be formatted appropriately for you to place a heading in each column.

Tip

You can select a table row in FP by positioning the cursor over the left edge of the table until the cursor changes to a small black arrow, and then clicking to select.

 Examples

There are two full width (100%) table styles available for instant use:

Default table style: (Do not assign any class to the table tag).

Table Header Cell	Another Table Header Cell
Table Data Cell	Another Table Data Cell

Indented table style: (Assign the "indented" class to the table tag).

Table Header Cell	Another Table Header Cell
Table Data Cell	Another Table Data Cell

And there are three fixed width table styles also predefined in the LotechSolutions.css stylesheet available for instant use:

Note

A display bug within FP 2000 causes the following tables to display in Normal tab view with each cell width stretched to the width of the table class. In FP 2002, these tables display in Normal tab view at the minimum width of the cell contents. These display properly however, in Preview tab view, in IE, and in HTML help. 

PixelWidth400 table style: (Assign the "PixelWidth400" class to the table tag).

Left cell	Right cell
Left cell	Right cell

PixelWidth500 table style: (Assign the "PixelWidth500" class to the table tag).

Left cell	Right cell
Left cell	Right cell

PixelWidth600 table style: (Assign the "PixelWidth600" class to the table tag).

Left cell	Right cell
Left cell	Right cell

For details on how to control the layout and appearance of your tables in FP, see Working with Tables in FrontPage.

---

See Also

FrontPage Tips and Tricks |  Lotech Solutions' Tips, Tricks, and Procedures

---

 email webmaster

Copyright Lotech Solutions. All rights reserved.