Hover Links

[Gary]

Greetings all

Was wondering if any of you could help I'm having problems with my hover links. I want it to change the background colour of different rows but instead of changing the entire rows colour it only alters the colour behind the link can you help.

current code

a:hover { background-color: silver;}

I've also noticed a lot of pseudo classes don't work why is this?

[monaghan]

This will only work on the block you are hovering on (in this case the link).

Try adding a hover for the parent block (you may need a bit javascript help to get this working in IE)

[wood1e]

Hi, if you could let me know the URL I can have a look.

With a:hover { background-color: silver;} that will effect all the links. If you are wanting to create any effect with CSS on a specific link, the you should look at creating a class such as...

[HTML]

<ul class="list">
<li><a class="first" href="">Hello</a></li>
<li><a class="second" href="">goodbye</a></li>
</ul>

[/HTML]

[CSS]
a.first:hover {
color: #006600;
}
a.second:hover {
color:#000099;
}
[/CSS]

Thats using a "list" tag as well. And it works in FF and IE

Hope this helps

[Gary]

Thanks for your help guys I really appreciate it.

[Brian Turner]

Here's a section I use on another site:

#menu a
{
 display: block;
 width: 130px;
 padding: 0 0 0 10px;
 text-align: left; 
 font-size: 10px;
 color: #000000;
 text-decoration: none;
}

#menu a:hover
{
 background-color: #ddd;

}

Try something like that, though it may require links set up in a list:

<ul class="main">
<li>Link</li>
<li>Link</li>
</ul>

However, easily modified to avoid lists.

Hope that helps.

[Gary]

Thats brilliant, thank you Brian for all your help.