|
Colored
Table Borders in Dreamweaver
|
|
I have
gotten a lot of requests regarding the colored table borders I use
in many of my templates, so I decided to write a tutorial expalining
the process. Your tables can have a professional look to them using
this simple method.
To
complete this tutorial, you need Dreamweaver 4.0. These borders
can be done in any editor, but this is the Dreamweaver method.
|
|
|
| Step
1 |
Create
a new document (Cntrl+N) in layout view (use the Objects Panel to
make sure you are not in standard view). |
|
|
| Step
2 |
Insert
a table (Cntrl+Alt+T). A dialog box will appear asking you to enter
several values. Enter these:
Rows: 1
Columns: 1
Cell Padding: 1
Cell Spacing: 0
Width: 100%
Border: 0
Click
OK.
|
|
|
| Step
3 |
Now
that your table is inserted, select the table (hold the mouse cursor
over a corner of the table until you see the cursor change into
a four-prong arrow).
One
the table is selected, your properties inspector will display the
table properties (Cntrl+F3, if your properties inspector is not
visible).
Click
the small grey box next to BG Color, and select a color from the
color list that appears.
|
|
|
| Step
4 |
Click
inside your newly colored table. |
|
|
| Step
5 |
Repeat
Step 2. |
|
|
|
There
you have it. Hit F12 to preview your work. If you want to change the
thickness of the border, change the cellpadding of your initial table. |
| |
|
|
|