Start Basics Color Forms Frames Images Links Lists Tables Type

Tables: Dreamweaver 4:
Experiment with Advanced Design

Delete Rows or Columns
Split Cells

Merge Cells
Insert Rows or Columns

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.

Take a look at a web page that uses tables to control layout.

Right click on your table to access the Table pop-up  menu.

Table Pop-up menu

From here you can access a variety of menus to manipulate your table.
Delete Cells You can delete a row or a column.
  • Insert your cursor in the row or column you want to delete.
  • Right click on the table to bring up the pop-up menu.
  • Select Table, Delete Row or Table, Delete Column.
Split Cells You can split a cell in a number of ways:

You can use the split cells button on the Property Inspector

  • Place your cursor in the cell..
  • Click on the Split cells button in the lower left corner of  the Property Inspector

Split cells
Split cells button

To split a cell more than once:
  • Highlight the cell and choose Table, Split Cells from the main menu bar.
  • The Split Cells dialog box will appear.

Split Cells dialog box

  • Specify whether you want to split the cell 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:

You can use the Merge cells button on the Property Inspector.

  • Highlight the cells you wish to merge.
  • Click on the Merge cells button in the lower left corner of the Property Inspector.

Merge cells button
Merge cells

To merge two rows of cells from the Table pop-up window.
  • Highlight the uppermost of the two cells you wish to merge.
  • Right click on the table to bring up the Tables pop-up menu.
  • Choose Table, Increase Row Span.
To merge two columns of cells from the Table pop-up window.
  • Highlight the leftmost of the two cells you wish to merge.
  • Right click on the table to bring up the Tables pop-up menu.
  • Choose Table, Increase Column Span.
Insert Rows or Columns To quickly insert a  row in an existing table:
  • Position your cursor in the row below the location where you want to add a row.
  • Right click on your table to bring up the Tables pop-up menu.
  • Choose Table, Insert Row

The new row will appear above your cursor.

To quickly insert a  column in an existing table:
  • Position your cursor in the column to the right of the location where you want to add a column.
  • Right click on your table to bring up the Tables pop-up menu.
  • Choose Table, Insert Column.

The new row will appear to the left of your cursor.

To add more than one row or column to an existing table:
  • Place your cursor in the location where you want to add the additional rows or columns.
  • Right click on the table to bring up the Tables pop-up menu.
  • Choose Table, Insert Rows or Columns from the pop-up menu.

The Insert Rows or Columns dialog box will appear.

Insert Rows or Columns

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: Dreamweaver 4
Overview
Create a Table in Standard View

Set Table Cell Properties
Experiment with Advanced Design
Create a Table in Layout View

Start Basics Color Forms Frames Images Links Lists Tables Type

 

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 2, 2001
© Agatha Taormina