table vertical rules need to touch edges

I have a table and the columns have a vertical bar. I want the vertical bar to touch the top and bottom of the table's border.
table
here is my code below. thanks!

<table style="width: 100%; padding: 0px !important; margin-bottom: 0px !important; border: 3px double black;">
    <colgroup>
        <col />
        <col />
        <col />
    </colgroup>
    <tbody>
        <tr>

            <td style="width: 33%; text-align: center; font-family: Times New Roman, Times, serif; font-weight: bold; font-size: 26px; height: 48px; border-right: thin solid black;">A
            </td>
            <td style="width: 33%; text-align: center; font-family: Times New Roman, Times, serif; font-weight: bold; font-size: 26px; height: 48px; border-right: thin solid black;">T
            </td>
            <td style="width: 33%; text-align: center; font-family: Times New Roman, Times, serif; font-weight: bold; font-size: 26px; height: 48px; border-right: thin solid black;">&nbsp;
            </td>
        </tr>

    </tbody>
</table>

Open in new window

LVL 2
Starr DuskkASP.NET VB.NET DeveloperAsked:
Who is Participating?
 
Tom BeckCommented:
Add border-collapse: collapse; border-spacing: 0; to your table style.
0
 
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
Now it overlaps into the double border. Is there a way to keep it touching the inside of the double border, but not extend to the outside of the double border?

thanks!
0
 
Tom BeckCommented:
Depends on the browser. What I provided works well in Firefox. I see the overlap in Chrome however.

You can remove border-collapse: collapse;. Still looks okay in Firefox. Of course you then have to get rid of the right edge border on the last column by another means such as removing border-right: thin solid black from that table cell only.
0
 
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
oh yeah, that second one was just me putting it out quickly. it won't be there on the final. thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.