Styling links

[astrixtech]

Hi, Theres a requirement like, give different image links for different sites in left navigation bar. There are 5 sites to be listed out.So I have put them in a table format by hiding quick launch menu( I modified the master page).Everything is working fine. But the next requirement is ,hovering on each link / when the link is active,it should show orange color. The following is the code of one site in master page

<label id="lblGoogle" >

Google</label>

And in the css file I have written the below for hover:

#ex1:hover
{
background-color:orange !important;
color:white !important;
}

Instead of having ex1 as id, I have tried it with class. Even that is not working fine. Please help.:~ Many thanks

[vbmike]

Inline styling (using style= in the element html) takes precedence over any other css rules. You can see this by removing the background-color styles from the table element and the td element. The hover then works. If you put it all in an external css file the hover will most likely work the way you want it to. Try it.

vbmike

[vbmike]

If you move the id ex1 to the td element it will change to orange when hovered.

vbmike

[astrixtech]

Thank you vbmike. it worked. :)