Borders, Padding, Spacing
The fundamentals of borders, padding, and spacing, concerning tables, explained.
Category: Dreamweaver
Views: 3528

Borders, Padding, Spacing

Create a new table (Insert>Table) and use these options:

Rows: 4

Columns: 1

Width: 100 Pixels

You will now have this:

We are going to give our table a border, we can do this by going to the Properties panel at the bottom and changing Border: 0 to Border: 2

You will now have this:

We are now going to make the table again and give it a Cell Padding, to do this you change the CellPad: 0 to CellPad: 10. This will give your table 10 pixels padding from the text inside it.

You will now have this:

We are now going to give the table a CellSpace, change it from CellSpace: 0 to CellSpace: 2, this will give a space of 2 pixels between each row and column.

Keeping a cell padding of 10, you would now have this.

To get the full effects of the cell spacing you can give your table a background colour, you will now have this:

If you would like more help with this tutorial please register and visit the forum.

About Michael

Michael Dunlop Michael Dunlop personal statement

“But I am already older than 21”, I hear you cry. Don’t worry, despite the name, the information and advice is more geared towards retiring prior to having a fake hip installed.

Website Sponsors
Recommended Websites
They Buy, Build, Upgrade and Sell Websites.
 
Advertise Here
Feature Interviews
Graham went from $100 one day to ... Read more
Paul Bourque started affiliate marketing less than ... Read more
Interview with Yaro Starak of Entrepreneurs-Journey.com is ... Read more
Recommended Resources
 
 
 
 
 
Get Retire at 21's FREE Secrets
Find out how I'm going to Retire VERY Early Subscribe for my Free Secrets Privacy Guaranteed. 100% Spam free.