I have a piece of HTML/CSS code that successfully underlines the text in a single table cell when hovering over it. However, I want to extend this effect to underline all text in a row of cells, rather than just one cell. It's not necessary for the entire row to be underlined with a single line - having a line underneath each text item would suffice, although a single line across all items would also work if it's easier.
I attempted changing 'a:' to 'tr:' but saw no change in the outcome.
<html>
<head>
<title>Project Index</title>
<style type="text/css">
a:link {text-decoration:none;}
a:hover {text-decoration: underline; }
</style>
</head>
<body>
<h2 style="text-align: center;">
Project Index</h2>
<h3 style="text-align: center;">
2013-06-11 18:44</h3>
<table align="left" border="0" cellpadding="1" cellspacing="1" height="29" width="728" style="font-family:arial,helvetica,sans-serif;font-size: 12px;">
<tbody>
<tr>
<th scope="col">
Project
<hr />
</th>
<th scope="col">
Activity
<hr />
</th>
<th scope="col">
Items
<hr />
</th>
</tr>
<tr>
<th scope="col" style="text-align: left;">
<a style="color:#0000cd;" href="C:\Users\Caterpillar\Google Drive\SPDA\Standards\Project Reports\Full Reports\Test Project 1.html">Test Project 1 </a></th>
<th scope="col" style="text-align: left;">
<a style="color:#0000cd;" href="C:\Users\Caterpillar\Google Drive\SPDA\Standards\Project Reports\Full Reports\Test Project 1.html">2013-06-09 17:31</a></th>
<th scope="col" style="text-align: left;">
<a style="color:#0000cd;" href="C:\Users\Caterpillar\Google Drive\SPDA\Standards\Project Reports\Full Reports\Test Project 1.html">RFI:5 CCO:2 </a></th>
</tr>
<tr>
<th scope="col" style="text-align: left;">
<a style="color:#0000cd;" href="C:\Users\Caterpillar\Google Drive\SPDA\Standards\Project Reports\Full Reports\Test Project 2.html">Test Project 2 </a></th>
<th scope="col" style="text-align: left;">
<a style="color:#0000cd;" href="C:\Users\Caterpillar\Google Drive\SPDA\Standards\Project Reports\Full Reports\Test Project 2.html">2013-06-06 09:06</a></th>
<th scope="col" style="text-align: left;">
<a style="color:#0000cd;" href="C:\Users\Caterpillar\Google Drive\SPDA\Standards\Project Reports\Full Reports\Test Project 2.html">RFI:2 </a></th>
</tr>
</tbody>
</table>
</body>
</html>