How do I set Cell Spacing in CSS?

John,

Well, the parent container - in your case, the <table> tag has a built-in measure called Cellspacing which renders a pixel void between all cells in the table.

If you're looking to just add a bit more "whitespace" to an individual cell, you can look at increasing the padding of that cell, but it may have undesirable effects on the adjoining cells.

I hope this helps,
Ric

Hey Ric,

I was hoping that I would just be able to effect the spacing between cells, not the padding.

Is there any way to accomplish that with CSS?

John,

Sadly, the Cellspacing property of the <table> affects the void on all sides of the cell. If you're looking for left and right-side padding, you can do it with CSS by creating a class and using that class on the desired cells.

Here's the rub...anything you do that effects the width of one cell, effects the width of all cells above and below it.

You may want to look at using a pure CSS solution...if you want to post a code sample, maybe I can help you brew something up.

Take care,
ric