2 Domain Hosting

Getting Started with Tables

To get you started using Dreamweaver tables, this document shows how to create tables, add text and images to tables, and select a table or table parts.

• Creating Tables
• Adding and Formatting Table Text
• Inserting Images
• Selecting a Table or Table Parts

Creating Tables

Tables are useful tools for arranging text, links, and images in a readable format. Tables are composed of horizontal rows and vertical columns. When creating tables, you have the option of using the Insert menu or INSERT TABLE from either the Common or Tables tab.

Creating Tables

1. Place your insertion point where the table should appear
2. From the Insert menu, select Table
   OR
   From the Insert toolbar, in the Common or Tables tab, click INSERT TABLE
   The Insert Table dialog box appears.
   
3. In the Rows text box, type the desired number of rows
4. In the Columns text box, type the desired number of columns
5. OPTIONAL: To adjust the cell padding and cell spacing, in the Cell Padding and Cell Spacing text boxes, type the desired numbers
   NOTE: Cell spacing is the space between adjacent cells. Cell padding is the amount of blank space surrounding text or images in a cell. Adjusting either of these options affects the entire table.
6. OPTIONAL: To alter the width of the table,
   1. In the Width text box, type the desired numbers
   2. From the pull-down list to the right of the Width text box, select Percent or Pixels
      NOTES:
      The Percent option controls the percent of the screen the table will take up. Your control over the size is relative because the table will adjust to fit the size of the user's browser.
      With the Pixels option, however, you are allowed more control over the exact size of the table because it is an absolute measurement.

       

7. OPTIONAL: To add a border around the cells of the table, in the Border text box, type a number
   HINT: For no border, type 0 (zero).
8. Click OK
   A blank table appears.

Adding the Table ID

For widest accessibility, it is recommended that you add a table ID. The table ID is similar to alternate text of an image, identifying the object to devices that read browser screens.

1. Select the entire table
2. In the Properties pane, in the Table Id text box, type the appropriate text to identify your table
   
3. Press [Enter]

Adding and Formatting Table Text

Now that you have created a table, you can add text by typing in the cells. Once the text has been added, you can format it as you do other text in your document. You can also insert images and use colored text in a table.  For more information, see Inserting Images.

Adding Table Text

1. With the insertion point in the desired cell, type the text
   HINT: To move between table cells, press [Tab]
2. Repeat as necessary

Aligning Text within a Cell

You can align text horizontally or vertically within a cell. The horizontal alignment options are left, right, center, and default, which is the alignment of the text when the cell was created. The vertical alignment options are default, top, bottom, middle, and baseline, which aligns all the text in the row along the imaginary line created by the bottoms of the letters.

1. Place the insertion point in the desired cell
2. To adjust the horizontal alignment, in the Properties pane, click the appropriate text alignment button
   OR
   From the Horz pull-down list, select the desired option
3. To adjust the vertical alignment, from the Vert pull-down list, select the desired option

Inserting Images

Images are inserted into tables just as they are inserted anywhere else in your web page. For more information about images see Working with Images.

Selecting a Table or Table Parts

A table or parts of a table can be selected so that you can edit or delete the table or certain cells, rows, or columns within a table.

Selecting a Cell

1. [Ctrl] + click in the desired cell

Selecting a Row

1. Move the insertion point to the left of the row
   A dark arrow appears.
2. Click the mouse
3. OPTIONAL: To select multiple rows, drag the arrow past the rows you wish to select

Selecting a Column

1. Move the insertion point to the top of the column
   A dark arrow appears.
2. Click the mouse
3. OPTIONAL: To select multiple columns, drag the arrow past the columns you wish to select

Selecting an Entire Table: Quick Menu Option

1. Right click within the table » select Table » Select Table

Selecting an Entire Table: Mouse Option

1. Place the pointer over any border of the table
   The pointer becomes a 2 headed arrow with two vertical or horizontal lines (depending on which border you have your insertion point over) between the arrows.
2. Click the border
   The entire table is selected.