Jump to content

:hover working on some links but not all


SmokingMan

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...