• Using the Table Object Editor
• Entering text into a cell
• Inserting an image into a cell
• Resizing a table or parts of a table
  • Changing the table width or height
  • Resizing rows and columns
  • Resizing a cell
• Changing the alignment of elements in a table

Note Tables are a relatively new part of HTML, and not all browsers support them. For this reason, before you start creating tables, make sure you know who your audience is and what kinds of browsers your viewers use. If the majority of your viewers are using browsers that don't support tables, you might want to consider using preformatted text to lay out your information. For information on using preformatted text, see Using paragraph styles.

To create a table:

1. Place the insertion point where you want your table to appear on your Web page.
   
2. Choose Table from the Insert menu.

   A table with two rows and columns appears, along with the Table Object Editor.

Tip You can copy cells from a spreadsheet or tab-delimited text from another application and paste it into a Web page in Claris Home Page to create a table automatically. You can also drag and drop the data into a Web page or export the data from another application and open it in Claris Home Page to create a table.

Once you've created a table, you can use the Table Object Editor to add more rows and columns, and to apply other attributes to the table and to elements that you enter into the cells.

Using the Table Object Editor

Once you've added a table to your page, you can use the Table Object Editor to change the attributes of your table. For example, you can make the border invisible so your viewers are unaware that the information is contained in a table. The Table Object Editor appears automatically when you create a table.

You can also open the Table Object Editor three other ways:

• Double-click a table border.
  
• Click a table, and choose Show Object Editor from the Window menu.
• Click a table, and click the Object Editor button on the toolbar.

Click the triangle or click the Both tab to expand or collapse the bottom section of the Table Object Editor.

To change the attributes of a table, select the table or the cell and then change the settings in the Table Object Editor. To apply the new settings, press Tab or click the close box of the Table Object Editor.

Use this table attribute setting	To do this
Border	Change the thickness of the borders of the table. A setting of 0 makes the borders of the table invisible.
Rows	Change the number of rows in the table. Rows are added to and subtracted from the bottom of the table. The maximum number of rows in a table is 100.
Columns	Change the number of columns in the table. Columns are added to and subtracted from the right side of the table. The maximum number of columns in a table is 25.
Add Row	Add a row directly below the selected cell or table.
Remove Row	Delete the selected row or the bottom row of the selected table and its contents.
Add Columns	Add a column directly to the right of the selected cell or table.
Remove Columns	Delete the selected column or the last column on the right of the selected table and its content.
Width	Change the width of the table.
Height	Change the height of the table.
Spacing	Change the amount of space between cells (by making the border thicker).
Padding	Change the amount of space around the data in cells.
The following feature is only available in the complete version of Claris Home Page 2.0. When you're ready to upgrade, choose How To Upgrade from the Help menu. Extra HTML	Add other HTML attributes to your table. (This is an advanced feature that requires knowledge of HTML; it specifies additional parameters for the <TABLE> tag. For more information, see Working with HTML and Java applets.)

You can also change the attributes of individual cells in a table. Click in the table cell to select it and change the appropriate attribute in the Table Object Editor.

Use this cell attribute setting	To do this
Col Width	Change the width of a column.
Row Height	Change the height of a row.
Alignment	Change how elements are vertically aligned within the table.
Row Span	Change how many rows a cell spans.
Col Span	Change how many columns a cell spans.
Header Cell	Make the selected cell a table header cell in order to label a row or column. (Text in header cells appear in bold face type in Claris Home Page; they may look different in your browser.)
Extra HTML	Add other HTML attributes to a particular cell. (This is an advanced feature that requires knowledge of HTML; it specifies additional parameters for the <TH> or <TD> tag.)

Entering text into a cell

To enter text in a cell, click in the cell to select it and start typing.

You can copy and paste text from one cell to another, from another application into your table, or from an open Web page into your table. You can also drag text from one cell to another or from an open Web page.

To delete text in a cell, select the cell and press Delete.

Note As you type or copy text into a cell, the cell expands downward with all of the other cells in the same row of the table. The width of the cell, however, remains the same.

Inserting an image into a cell

When you insert an image into a cell, the cell expands downward if the image height is larger than the cell height. The width of the cell, however, does not change automatically to accommodate the image, so you may need to adjust it. For information on changing the size of a cell, see Resizing a table or parts of a table.

To insert an image in a cell:

1. Select the cell by clicking in it.
   
2. Choose Image from the Insert menu.

   The Open dialog box appears.

3. Select the image you want to insert and click Open.

You can also copy and paste an image into your table from other cells, other Web pages, or other applications, or drag an image to insert a copy of it from other cells or open Web pages.

Resizing a table or parts of a table

There are different ways you can change the size of a table and the table's cells. You can change the width or height of the table in relation to the browser window, change the number of rows or columns in the table, change the table's dimensions using the mouse, and change the size of individual cells.

Changing the table width or height

You can change the size of a table and the rows and columns in it by using the Width and Height settings in the Table Object Editor.

To resize a table in relation to the browser window:

1. Double-click on the table border to open the Table Object Editor.
   
2. Choose a setting type from the Width or Height pop-up menus.

   

   Choose this type	To have the table sized like this
   Percent	Table width or height appears as the chosen percentage of the browser window width or height.
   Pixels	Table width or height is always the specified size, measured in pixels, regardless of the browser window's size. Note Some browsers that support tables do not support table widths measured in pixels.

3. Type the number of pixels or percent for the table's width or height.

   If you leave the Width or Height fields blank, the browser used to view the table will determine the table's width or height. (In other words, no width or height attributes are added to the <table> tag.) In Claris Home Page, the table is tall enough to display the text and images inside it and is as wide as the window.

4. Press Return (Macintosh) or Enter (Windows).

To resize a table using the mouse:

Select the table and drag the bottom handle to change the height of the table, drag the right-side handle to change the width of the table, or drag the lower- right corner handle to change the width and height at the same time.

Resizing rows and columns

You can resize an entire row or column of a table.

To resize a row or column,

1. Select the table.
   
2. Place the pointer over the border of the row or column you want to resize.

   The pointer changes into a double-headed arrow.

   

3. Drag the border of the row or column to resize it.

Note Some browsers may ignore the size you set for the row or column. In addition, some browsers may override the specified size if the row or column size you set is too small to display the text or images within that row or column.

To resize a row or column precisely:

1. Double-click the table to open the Table Object Editor.
   
2. Choose a setting type from the Col Width or Row Height pop-up menus.

   

   Choose this type	To have the table sized like this
   Percent	Column width or row height appears as the chosen percentage of the browser window width or height.
   Pixels	Column width or row height is always the specified size, measured in pixels, regardless of the browser window's size. Note Some browsers that support tables do not support table widths measured in pixels.

3. Type a number for the column width or row height.

Resizing a cell

You can resize cells in a table by resizing the whole table. You can also change a cell so that it spans two or more rows or columns. When you make a cell span more than one row, it expands downward. When you make a cell span more than one column, it expands to the right.

Important If you resize a cell to span over cells that contain text or graphics, the text or graphics are lost.

To change the number of rows or columns a cell spans:

1. Click inside the cell to select it.

   A heavy line appears on the inside of the cell.

2. Choose Show Object Editor from the Window menu or click the Object Editor button on the toolbar to open the Table Object Editor.
   
3. Type the number of rows or columns you want the cell to span and press Tab or click the close box of the Table Object Editor.

   

To resize a cell using the mouse:

Click on the cell to select it and drag the bottom handle to change the number of rows it spans, drag the right-side handle to change the number of columns it spans, or drag the lower-right corner handle to change the number of rows and columns it spans at the same time.

Changing the alignment of elements in a table

Any element that is in a table cell can be aligned to the border of the cell or to other elements in a row. You can also align text elements to the left, right, and center of a cell.

To align elements vertically:

1. Click in the cell to select it.
   
2. Choose Show Object Editor from the Window menu or click the Object Editor button on the toolbar to open the Table Object Editor.
   
3. Choose a setting from the Alignment pop-up menu.

   Choose this	To have elements aligned like this
   Top	Elements are aligned at the top of the cell.
   Middle	Elements are aligned in the middle of the cell.
   Bottom	Elements are aligned at the bottom of the cell.
   Baseline	Text is aligned by the baseline of each character. The baseline is an imaginary line that divides the main body from the descender of a lowercase letter, such as a "g" or "j." This setting is generally used in tables where each cell contains a single line of text. When you are viewing your page in Claris Home Page, however, the text will look like it's top-aligned .Preview the page in your browser to see how it will look.

---