|
Dreamweaver - Table Properties |
|
Written by Website Tutorials
|
|
Wednesday, 24 May 2006 |
|
Table Properties Before you can modify your table, you must select it. This can be done in 4 different ways: - By clicking near the edges of the table with the mouse
- By selecting Table | Select Table from the Modify Menu
- By selecting Table | Select Table from the context menu. It must be accessed while the cursor is inside the table boundaries
- By clicking on the <table> tag in the lower left corner of the screen.
When the table is selected, you'll notice a black box surrounding it. From here you'll be doing a lot of work from the Properties Toolbar. Here is a screenshot of the toolbar when the table is selected: 
You can modify the table at any time from the Properties toolbar. Here is an explanation of the fields: - Table Name: This is where you would name the table. This really only comes into effect when you will be using a Javascript to call the table.
- Rows: The number of rows. Changing this will change the table. Only do this if there is no data inside the table. You'll learn how to modify the table with data inside in the next section.
- Columns. The number of columns. Changing this will change the table. Like rows, only do this if there is no data inside the table.
- Width (W): This is the width of the entire table. Use the drop down menu to the right to specify whether the width is in pixels or a percentage.
- Height (H): This is the height of the entire table. Only change this if you have a fixed height within the table, such as an image. The height of many HTML elements will vary on many platforms. If you're at 800 x 600, and specify a height for that resolution, there will be empty space at the end for someone at a larger resolution.
- Cellpad: Specifies the space between the table border and the cell.
- CellSpace: Specifies spacing between table cells.
- Align: This is where you set the alignment of the table on the page. The options are left, center and right.
- Border: The size of the border in pixels.
Dreamweaver also offers many options on customizing the look and feel of a table. These are found in the expanded Table Properties Toolbar. 
- V Space: Specifies the vertical space in pixels around the table.
- H Space: Specifies the horizontal space in pixels around the table.
- Light Brdr: Gives the inside borders a light color. This is only supported in Internet Explorer.
- Dark Brdr: Gives the inside borders a dark color. This is also only supported in Internet Explorer.
- BG (long): Specifies a file to be used as the table background. A file can be chosen from the hard drive by clicking on the Folder icon.
- BG (short): Specifies a table background color in Hexadecimal format.
- Brdr: The border color for the table in pixels.
|
|
Last Updated ( Thursday, 25 May 2006 )
|
