ME 205

In a Mozilla web page Composer window, click on the Table icon in the Composition toolbar.

This toolbar should appear on your composer window by default; if you do not see it, you can force it to show by selecting
View->Show/Hide->Composition Toolbar.

A dialog box requests you to indicate:

• Number of Rows & Columns.
• Width of the Table.
• Thickness (Size) of the Table Border.

You can indicate table width as either:

• a percentage of the browser window size, or
• as a specific pixel size.

If it's a percentage, it's size will change as the visitor to your page changes the size of the browser window.

If you set a specific pixel size, the table will always stay at that width, regardless of how the browser window changes.

Click OK, and the Table's outline appears at the cursor point in the page.

You can click on a table border or inside an empty table cell to select it.

Double-click on the Table border, or in a Table Cell, to bring up the Table Properties dialog box.

Use this dialog box to control

• cell width,
• height,
• background color and
• content alignment.

You can go back and forth between cells by clicking on the Previous or Next buttons.

Select the Table tab to control overall table attributes, including:

• The padding between cell content and cell border (Padding)
• the space between cells (Spacing),
• Table Alignment,
• Table Caption, and
• table background color.

One of the most useful applications of tables is to organize an image (Say, an object constructed in ProEngineer), with some text describing that image:

• Create a 1-row, 2-column table, taking up 80% of the window, with 0 pixel-width borders.

• Left-click in the left-side cell, and insert your image there.
• Left-click in the right-cell, and type in text describing the image there.

Go to the Image Tutorial for steps on how create, store, and resize snapshots of images from the screen.