Follow these simple directions to create an outlined table like this by nesting two tables together.
Creating an Oultlined Table Using Dreamweaver MXJob Aid Created By David Cline |
Follow these simple directions to create an outlined table like this by nesting two tables together. |
|
1. Place cursor where you want to insert the new table.
2. Click on the tables tab and click the insert table icon.
3. Select the number of rows and columns. For this exercise we will use 3 columns
and three rows. The spacing will determine the width of the borders between
the cells. Choose 100% as the width because the final width of the table will
be determined in step X. Using these settings shown in figure 1 you should end
up with a table like the one shown in figure 2.
4. With the cursor in the upper left cell click and drag the mouse over all
of the cells in the table to select them. With all of the cells selected change
the background color in the properties box by clicking the small Bg box and
selecting white from the color palette. You can also change the background color
to white by typing #FFFFFF in the box next to the Bg color picker. See figure
3.
5. Click outside of the table and hit return/enter 2 times.
6. Insert another table by clicking the insert table icon. Select one row and one column. Set the border, cell padding and cell spacing all to 0. You can come back and play with these settings once the table is finished to achieve different effects.
7. With the table still selected choose the background color that you want to
use for the cell borders in the final table. Since the table is really only
one cell you will end up with a solid colored box. Your window should contain
two tables as shown below.
8. Place the cursor over the first table just inside the upper left corner. The cursor should change to a 4 way arrow. Click and drag the entire table over the top of the second solid colored table and release the mouse. You should end up with a single table like figure 5.
9. You can change the look of your new table by changing the background, border, and cell spacing until you achieve the desired effect.