[OwenONeill]

How would I style the hover on this table here:

http://universitycom...niversity-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 :/

[Bomb]

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

This post has been edited by Bomb: 12 January 2012 - 07:30 PM

[BlueDreamer]

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>

[OwenONeill]

BlueDreamer, on 12 January 2012 - 08:24 PM, said:

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?

[OwenONeill]

Polite 'BUMP'

This post has been edited by OwenONeill: 14 January 2012 - 05:51 PM

[Faevilangel]

tr:hover {
 background:#000;
}

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

[Samus]

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

CSS

a.hover:hover {color: red;}

???

[OwenONeill]

Faevilangel, on 14 January 2012 - 06:05 PM, said:

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?

Samus, on 14 January 2012 - 07:30 PM, said:

<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!