Cell border on one side only

Question

I'm using CS3. I have an htm file with multiple rows and
cells. I want to put borders around the cells so that they appear
only on three sides, leaving the interior border white or empty or
non-existant. This will make it appear that the border goes around
the row, not the cell.
I've tried creating a CSS rule with border-top, border-left,
and border-bottom, but I can't figure out how to apply it to the
cell (the td). Please help.

Answer 1

td { border:1px black; border-style: solid none; } /* this
will start the
process with a top/bottom border only on all cells */
td.left { border-style:solid none solid solid } /* this will
put a left
border on cells with class 'left' */
td.right { border-style:solid solid solid none; } /* this
will put a right
border on cells with class 'right' */
Your table will be -
<table>
<tr>
<td class="left">...</td>
<td>...</td>
<td class="right">...</td>
</tr>
</table>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"millifiori" <[email protected]> wrote in
message
news:giu7ce$4ec$[email protected]..
> I'm using CS3. I have an htm file with multiple rows and
cells. I want to
> put
> borders around the cells so that they appear only on
three sides, leaving
> the
> interior border white or empty or non-existant. This
will make it appear
> that
> the border goes around the row, not the cell.
>
> I've tried creating a CSS rule with border-top,
border-left, and
> border-bottom, but I can't figure out how to apply it to
the cell (the
> td).
> Please help.
>