No Table Row Border

[wey97]

I've tried to set a border for a table row, even in a style sheet and can't seem to get it to work. Is it possible? I CAN set a row background.

[mendhak]

Show your code.

[wey97]

HTML:

<TABLE id="Table1">
    <TR class="rowStyle">
        <TD>Item</TD>
        <TD>Item</TD>
        <TD>Item</TD>
    </TR>
    <TR>
        <TD>Item</TD>
        <TD>Item</TD>
        <TD>Item</TD>
    </TR>
</TABLE> 

CSS:

.rowStyle
{
    background-color: #6699CC;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;

} 

[mendhak]

I see what you're trying to do.

Set the borders either on the table or on the <TD>s themselves.

Take a look here (bottom links) for some examples as well... You can use the cols and frames attributes to control table borders as well.

http://www.w3schools.com/html/html_tables.asp

[wey97]

I was hoping there was a way to put a border around a single row, or outline it in other words.

[mendhak]

Then use a single <td> containing a table with the x cells in a single row and place a border around that.

Or, use DIVs.

[wey97]

Awesome...
I had to add a colspan attribute to make the <td> span the width of the top three <td>s and make the table width 100% of the <td>

<table>
    <tr>
        <td>Item 1</td>
        <td>Item 2</td>
        <td>Item 3</td>
    </tr>
    <tr>
        <td colspan="3">
            <table width="100%">
                <tr>
                    <td>Span Item Text</td>
                </tr>
            </table>
        </td>
    </tr>
</table>