line
Changing the size and position of a table
line

You can specify the table size either in pixels or in percentage. You can also place the table in the center of the screen for a symmetrical layout.

This section contains the following topics:

Related HTML tags <TABLE WIDTH= HEIGHT= >
<CENTER></CENTER>



Specifying the table size in pixels

To specifying the table size in pixels, just drag the table.

.

  1. Click outside the table border to select the entire table.

    Resize knob of a table

  2. Drag one of the eight black square marks on the perimeter of the table to change the table size. When you release the mouse button, the new size is defined.

    Resizing a table

Vocabulary Vocabulary pixel

A small square colored dot that is frequently used as a unit defining the display resolution or the image size. In HTML, a pixel is a unit defining the size of each element.


Tip Tip To change the size of a certain cell, click the target cell and drag one of the eight black square marks on around it.



Specifying the table size in percentages

If you do not want to define the absolute table size--for example, because you want to change the table size according to the screen size of a Web browser--specify the size in percentages (%).

  1. Click the table using the right mouse button and select Attributes from the pop-up menu to display the Attribute dialog box.

  2. Click the Table tab.

  3. Type a percentage (0 to 100) in the left box of Table Width, then select % in the right box.

  4. Click the OK button to change the table size.

Placing a table in the center

To place the table in the center of the screen for a symmetrical layout:

  1. Click outside the table border to select the entire table.

  2. Click the Center alignment icon icon to place the table in the center.

    A table placed in center