Table and cell borders

Question

I'm using CS4. I set up a table style in my style sheet that
calls for a 2 px wide orange border. The border only outlines the
entire table but not the individual cells. Does anyone know how I
can fix that in the style sheet?
The URL is
http://www.virginiacpac.org/pages/conference.html
Thanks,

Answer 1

Sure,
Your table has a class of table_border, so your CSS is saying
give the table
a border that's 2px solid and orange:
.table_border {
border: 2px solid #E2832F;
padding: 2px;
That results in a border around the table only.
You wanted to give the cells in the table the border, so this
CSS...
.table_border td {
border: 2px solid #E2832F;
padding: 2px;
...says to give every cell (td) that is inside an element
with the class of
table_border (your table) an orange border.
Now, because each cell has a border of 2px, adjacent cells
appear to have a
4px border.
Applying border-collapse:collapse to the table takes care of
this.
.table_border {
border-collapse:collapse;
http://www.w3schools.com/Css/pr_tab_border-collapse.asp
Take care,
Tim
"dlipscombe" <[email protected]> wrote in
message
news:giephl$hll$[email protected]..
> That did it. Can you tell me why?
>
>