To create a table in Adobe Dreamweaver go to your toolbar > insert > table (ctrl+alt+t).

You will now have a box appear with table options:

Ive created a table with 100 pixels wide and 1 row and 1 column:

Adding Borders:

If you click on the table and go to the bottom of the page to your Properties Panel and give your table a black 1 pixel border:

You should now have this:

Adding a background colour:

As simple as adding a border, choose a colour and your done.

I’ve chosen yellow, you should now have this:

Changing Width and Height of a Table:

I’ve decided to change the width to % width, this means that it would cover a % of the page, I’ve chosen 10% so it will cover 10% width of the page. Giving the table a height of 25 pixels will give it more space for content.

Changing the Border Styles:

To the right handside you will see your tag panel, click on it and go to Relevant CSS. If your table hasnt got a style then there be no CSS code to work with, so add a style if needs be. Go to the border-bottom-style and ive given it a dotted bottom and top.

I now have this great border effect:

Social Media:

| del.icio.us | Digg it | Furl | reddit | StumbleUpon | Yahoo MyWeb

You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.