3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Need help with table round corner

by ferenan
2 replies
Hi ,

I have a nested table inside a main table that I want to give top radios corners for this nested table.
I am not a coder so would be great if someone give a outline instructon how to achieve this.
Below is the code:

<table style="text-align: center; border-collapse: collapse; width: 550px; margin-top: 20px; background-color: rgb(255, 0, 0);" width="" align="center">
<tbody>
<tr>
<td>
<table style="border-collapse: collapse; width: 450px; margin-top: 20px; background-color: rgb(255, 255, 255);" width="" align="center">
<tbody>
<tr>
<td style="text-align: center; "><br />
</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>

Thanks in advance.
#corner #round #table
Avatar of Unregistered
  • Profile picture of the author tnob
    I have a nested table inside a main table that I want to give top radios corners for this nested table.
    Are you still working on this? If so, what do you mean by "radios corners"?
    {{ DiscussionBoard.errors[11652271].message }}
  • Profile picture of the author Mehdi Fracso
    Try adding this code to your css file:
    table {
    border-collapse:separate;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;
    }

    td, th {
    border-left:solid black 1px;
    border-top:solid black 1px;
    }

    th {
    background-color: blue;
    border-top: none;
    }

    td:first-child, th:first-child {
    border-left: none;
    }
    {{ DiscussionBoard.errors[11657496].message }}
Avatar of Unregistered

Trending Topics