How to Create Swaps with Multiple Images in Dreamweaver
How to Create Styles with Class and ID Selectors in Dreamweaver
How to Define Styles with the Tag Selector in Dreamweaver

How to Merge and Split Table Cells in Dreamweaver

Sometimes, the easiest way to modify the number of cells in a table in Dreamweaver is to merge cells (combine two or more cells) or split cells (split one cell into two or more rows or columns). With this technique, you can vary the space in table sections and customize table structures.

For example, you may want a long cell space across the top of your table for a banner and then multiple cells below it so that you can control the spacing between columns of text or images. The following two sets of steps show you how to merge and split cells in a table.

To merge cells in an existing table, follow these steps:

  1. Highlight two or more adjacent cells by clicking and dragging the mouse from the first cell to the last.

    You can merge only cells that are adjacent to one another.

  2. Click the Merge Selected Cells Using Spans icon, in the lower-left region of the Property inspector, to merge the selected cells into a single cell.

    The cells are merged into a single cell by using the colspan or rowspan attributes. These HTML attributes make a single cell merge with adjacent cells by spanning extra rows or columns in the table.

To split a cell, create a new table or open a page with an existing table and follow these steps:

  1. Click to place the cursor inside any cell you want to split.

  2. Click the Split Cell into Rows or Columns icon, in the lower-left region of the Property inspector.

    The Split Cell dialog box appears.

  3. Select Rows or Columns in the dialog box, depending on how you want to divide the cell.

    You can split a cell into any number of new rows or columns.

  4. Type the number of rows or columns you want to create.

    The selected cell is split into the number of rows or columns you entered.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
How to Use the Open Browser Window Behavior in Dreamweaver
Background Panel Options in Dreamweaver’s CSS Property Panel
3 Ways to Promote Your Dreamweaver Site with Social Sites
How to Create a Table in Dreamweaver
How to Install New Dreamweaver Extensions for Behaviors