Create a new table in Dreamweaver
This shows you how to create and format standards based tables that are stable across browsers.
See Web Style - tables for guidelines on formatting tables.
Step 1 - Insert a table in Dreamweaver
- Go to the Menu Bar, click Insert > Table or CRTL+ALT+T
Step 2 - select table size
- In the dialogue box, in the Table size section, enter properties for:
- Rows (horizontal): choose the number you need, including one for the top heading
- Columns (vertical): choose 2 or more columns (remember the number is limited by the width the page. 2 - 5 columns suit most cases)
- Table width: 0 (set to percent, not pixels)
- Border thickness: 0
- Cell padding: 5 (or between 3 and 10)
- Cell spacing: 0
- In the Header section of the dialogue box, made sure you have none selected
- Click the OK button
- For example, the properties below are set to 4 rows, 3 columns, table width 0 percent, border thickness 0, cell padding 5 and cell spacing 0
- A table with 4 rows and 3 columns (you cannot see the properties set to 0 value) appears on the page as below.
Step 3 - add values/data to the table
- When data is added it will expand according to what is entered
- Save (File > Save or CTRL+S)
- In the properties bar (bottom of Dreamweaver) set text format to None
Step 5 - how to add styles to your table (ie change the table properties
- With the table selected
Step 5 - rename the new file
Step 6 - give the newly created file a title
Step 7 - delete old content and give the new file an H1 headline