How would I style the hover on this table here:

 

http://universitycompare.net/university-guide

 

I want the hover to be light a like blue so you know you are hovering over that line, and also make that whole line a hyperlink, but kind of don't know where to start?

 

I have tried a few things but It doesn't seem to be working :/

Does this help? Also take a look at this for making the whole tr a hyperlink.

Edited January 12, 201214 yr by Bomb

If use use a HTML5 doctype then you can sematically make a whole table row a link:

 

<a href="#">
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</a>

If use use a HTML5 doctype then you can sematically make a whole table row a link:

 

<a href="#">
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</a>

 

I am using a HTML5 Doctype and I've done that, However, when I apply a class or hover, it doesn't work? What am I missing?

 

I guess I just style that class? right? Bit confused what to put in the css?

Polite 'BUMP'

Edited January 14, 201214 yr by OwenONeill

tr:hover {
background:#000;
}

 

Will only work on recent browsers (not IE) or you can use jQuery like this

<a href="#" class="hover">
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</a>

 

CSS

a.hover:hover {color: red;}

 

???

tr:hover {
background:#000;
}

 

Will only work on recent browsers (not IE) or you can use jQuery like this

 

I tried this and it didnt work?

 

<a href="#" class="hover">
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</a>

 

CSS

a.hover:hover {color: red;}

 

???

 

 

I also tried this and it didn't work? I thought I was doing something wrong as I had tried both of these before asking again? I had a look online for jquery answers, but it must be able to be done through HTML 5!