Table Dialog
Define Table Dialog
Use the command "Insert/ Table"or click the icon to open the Table dialog. Use this dialog to insert a table into the HTML document.
Properties
Table Size
Rows:specifies the number of rows in the table.
Cols: specifies the number of columns in the table.
Specify Width: when you want to specify the width of the table, check the "Specify Width" and click the spin button or type a number directly in the field. Otherwise the table will be shown in its auto size which means that the width will aumatically be adjusted to fit the size of your input.
Width: specifies the width of the table ( either in pixels or as a percentage of the browser window. Table specified in pixels is better for the precise layout of text and images in the table while table specified in percentage is a good choice when the proportion of the table is more important than its width).
Layout
Border: specifies the border width of the table(the minimum border width is "0" which means that the border of the table will be invisible in browsing. But for the convenience of editing, the border will be shown in light grey in the Design window).
Cell Padding: specify the amount of spacing between the cell content and the cell boundary.
Cell Spacing: specify the amount of spacing between each table cell, not including the border.
Table Property
Select a table in Design Window and right click. Select "table properties" , you'll get table properties dialog.Use this dialog to set table properties. It is only used in Design Window.
Properties
Layout
Border Size: Specifies the thickness of a border to be drawn around the element.
Cell Padding: Specifies the amount of space between cells in a table.
Cell Spacing: Specifies the amount of space between the border of the cell and the contents of the cell.
Align: Specifies how the table should be aligned.
Width: sets the initial size of the element.
Height : specifies the size at which the element is drawn.
Border Color
Color: Input color value in the color box to define color. Also you can Click drop-down list and choose a kind of base color from the color lists or specify other color from .The color value will be created automatically.
Light Border: Sets independent border color control over one of the two colors used to draw a 3-D border, opposite of BORDERCOLORDARK, and must be used with the BORDER attribute.
Dark Border: Sets independent border color control over one of the two colors used to draw a 3-D border, opposite of BORDERCOLORLIGHT, and must be used with the BORDER attribute.
Background
Color: Sets the background color behind the element. Input color value in the color box to define color. Also you can Click drop-down list and choose a kind of base color from the color lists or specify other color from .The color value will be created automatically.
Image: Specify background image.
Cell Property
Locate the cursor in a cell in Design Window and click the right key. Select "Cell Properties", you'll get Cell Properties dialog. It is only used in Design Window.
Properties
Layout
Horizontal Align: Specifies how the cell should be horizontal aligned.
Vertical Align: Specifies how the cell should be vertical aligned.
Rows Spanned: Specifies how many rows the cell span.
Columns Spanned: Specifies how many columns the cell span.
Cell Width: Specifies the width of cell.
Cell height: Specifies the height of cell.
No Wrap: If you select it, the text in cell will not be wrapped.
Border Color
Color: Input color value in the color box to define color. Also you can Click drop-down list and choose a kind of base color from the color lists or specify other color from .The color value will be created automatically.
Light Border: Sets independent border color control over one of the two colors used to draw a 3-D border, opposite of BORDERCOLORDARK, and must be used with the BORDER attribute.
Dark Border: Sets independent border color control over one of the two colors used to draw a 3-D border, opposite of BORDERCOLORLIGHT, and must be used with the BORDER attribute.
Background
Color: Sets the background color behind the element. Input color value in the color box to define color. Also you can Click drop-down list and choose a kind of base color from the color lists or specify other color from.The color value will be created automatically.
Image: Specify background image.
|
