Jump to content

:hover working on some links but not all


SmokingMan
 Share

Recommended Posts

I have some links where the ":hover" doesn't work. It works with the links at the top of the page, but not with the links that return to the top of the page. All of these links are within the page. Here's the page: store menu.And here's the CSS: stylesheet.The only problem is with the "return to top" links. They display fine, they just don't change on hover. :)

Link to comment
Share on other sites

Your selector is off a bit. It is currently:

.menu-return a:hover{  font-weight: bold;  text-decoration:underline;}

Which would apply the style on hover of any anchor inside of an element with the class of "menu-return". The links on your page, however are using "menu-return" as the class. I believe your selector should look like this:

.menu-return:hover{  font-weight: bold;  text-decoration:underline;}

Link to comment
Share on other sites

btw, you're missing a closing </a> tag on line 315:

<td colspan= "3"><a class= "menu-return" href= "#menu-links">Return to top</td>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...