Tables: Front Page 98:
Experiment with Advanced Table Design

Once you have mastered the basic table and learned how to control the look of the data in the individual table cell, you will want to create more complex table designs.
Split Cells You can split a cell in a number of ways:
  • Use the Draw Table button on the Tables toolbar to draw new cell borders.
  • Highlight the cell and choose Table, Split Cells from the main menu bar.

Draw Table button
Draw Table button

  • Or highlight the cells and use the Split Cells button on the Tables toolbar
  • In both cases, the Split Cells dialog box will appear.

Split Cells button
Split Cells

Split Cells box

  • Specify whether you want to split the table vertically into columns or horizontally into rows.
  • Specify the number of rows and columns you wish to split the cell into.
  • Click on OK.
Merge Cells You can merge cells in a number of ways:
  • Use the Eraser button on the Tables toolbar to erase a cell border.
  • Highlight the cells and choose Table, Merge Cells from the main menu bar.

Eraser button
Eraser button

  • Highlight the cells and choose the Merge Cells button on the Tables toolbar.

Merge Cells button
Merge Cells button

Insert Rows or Columns To insert additional rows or columns in an existing table:

Choose Table, Insert Rows or Columns from the main menu bar.  The Insert Rows or Columns dialog box appears.

Insert Rows or Columns box

If you choose Rows, specify the number of rows to add and specify whether they are to be added above or below the currently selected row.

If you choose Columns, specify the number of columns to add and specify whether they are to be added to the right or the left of the currently-selected column.

Tables, especially borderless tables, can be used to great effect to force a particular layout design on a web page.

However, you will need to tinker with your table by adjusting the table and cell properties. It is a good idea to save and preview the file after every adjustment to your table.

VERY IMPORTANT: Be sure to preview the table in both Microsoft Internet Explorer and Netscape Navigator before you publish the page.

Both browsers have a tendency to interpret table tags and attributes in different ways.

Tables: Front Page 98
Overview
Create a Basic Table
Set Table Cell Properties
Experiment with Advanced Table Design

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 06, 1999
© Agatha Taormina