i just found another even easier way to do this and the mouse even changes to what it looks like over a link.
Code:
.tablink:visited{color: black; text-decoration: none;}
.tablink:active{color: black;}
.tablink:link{color: black; text-decoration: none;}
.tablink:hover{text-decoration: none;color: white;background-color: #7A8AFF;}
.tablink{
align: center;
display: block;
width: 100%;
} all of that isnt really need but it does the job. the part that makes the whole cell a link is width and the display. then all you need to do in the link is add the class
Code:
<a class="tablink" href="">Link</a>
no pesky javascript to worry about css rules
