Borders on a Table Row

[georgea623]

I have a style sheet class on a table row. All the styles work fine except for the border. When I set the same style on a table cell, the border shows. On the table row, the border does not show. How can I have a border around a table row?

Here's my style:
.trborder

{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
FONT-SIZE: x-small;
BORDER-LEFT: #000000 1px solid;
COLOR: black;
BORDER-BOTTOM: #000000 1px solid;
FONT-FAMILY: Tahoma, Verdana, Arial
}

[SuzyUK]

Hi Georgea Welcome to WW

You have the incorrect syntax for your borders code:

BORDER-RIGHT: #000000 1px solid;

it should be

BORDER-RIGHT: 1px solid #000000;

Suzy

[georgea623]

That still didn't work. On a table cell, it shows the border. On a table row, it does not.

<style>
.trborder

{

BORDER-RIGHT: 1px solid #000000;
BORDER-TOP: 1px solid #000000;
FONT-SIZE: x-small;
BORDER-LEFT: 1px solid #000000;
COLOR: black;
BORDER-BOTTOM: 1px solid #000000;
FONT-FAMILY: Tahoma, Verdana, Arial
}
</style>
<table>
<tr class="trBorder">
<td>hello1</td>
<td>hello2</td>
<td>hello3</td>
<td>hello4</td>
</tr>
</table>

[BlobFisk]

As far as I know you can't put a border on a table row, but you can on the table cell ( <td> ).

With some creative border-right and border-left, with a cell-spacing of 0, you should be able to achieve the appearance of a border around the whole row.

[SuzyUK]

you're right Blobfisk

I'll give myself a slap ;) I just saw the code and not the <tr>

sorry Georgea!