Question

Hey guys i’m making a rounded border on my table I want the border to be shown across the whole but it only shows it once as shown below:

I want the top row where it says “Uploaded files” to be spanning across the whole table, below is my HTML and CSS code:

<tr id="rounded">
            <td colspan="5">Uploaded files</td>
            </tr>
            <tr style="background: #2B4F81">
                <td style="padding-left: 5px; padding-right: 5px">Filename</td>
                <td style="padding-left: 5px; padding-right: 5px">File Size</td>
                <td width="200px" style="padding-left: 5px; padding-right: 5px">Description</td>
                <td colspan="2" style="padding-left: 5px; padding-right: 5px">Option</td>

            </tr>

CSS:

#rounded
{
width: 100%;
float: left;
-moz-border-radius: 15px;
-webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
background-color: #2B4F81;
border: 1px solid #2B4F81;
}

IF you could help me fix this problem it would be much appreciated.

Thanks.

Answer 1

Remove float: left;; optionally, stop using style and put that into CSS.

You should use the id="rounded" on the table instead.