Share via


Table, Insert Table Dialog Box

 

The Insert Table dialog box enables you to define the layout of a table and insert it into a Web page.

To insert a table into a Web page

  1. In Design view, put the cursor where you want to insert the table.

  2. In the Table menu, click Insert Table.

    The Insert Table dialog box is displayed.

  3. Select the table options, and then click OK.

    The table is inserted into the Web page.

If you select the Set as default for new tables check box, the table options that you selected will be retained and used when you insert another table.

UIElement List

Size

  • Rows
    The number of rows in the table.

  • Columns
    The number of columns in the table.

Layout

  • Alignment
    The text alignment within the cells. Values are as follows:

    • Default   Same as Left.

    • Left   Aligns text to the left side of the cell.

    • Right   Aligns text to the right side of the cell.

    • Center   Centers the text within the cell.

  • Float
    Whether the table will float to the left or right, which enables text to wrap around it. Values are as follows:

    • Default   Same as Left.

    • Left   Floats the table to the left.

    • Right   Floats the table to the right.

  • Cell padding
    The number of spaces between the text and the cell borders.

  • Cell spacing
    The number of space between cells.

  • Specify width
    If selected, you can specify the width of the table in pixels or percent.

  • Specify height
    If selected, you can specify the height of table in pixels or percent.

Borders

  • Size
    The width of the table borders in pixels.

  • Color
    The color of the borders. To choose from more colors, use the down arrow, or click the square icon on the right. For more information, see More Colors and Color Dialog Boxes.

  • Collapse table border
    Whether the borders between table cells will be collapsed into a single border, or each cell will have its own border.

Background

  • Color
    The color of the background. To choose from more colors, use the down arrow, or click the square icon on the right. For more information, see More Colors and Color Dialog Boxes.

  • Use background picture
    If selected, you can specify an image to use for the background of the table. The image must have been previously added to the project. After selecting an image, you can click Properties button to set image properties, such as its size.

See Also

Introduction to Editing HTML Tables in Visual Web Developer
HTML Table Editing Tips in Visual Web Developer