CSS Hover Tip

If you ever have issues with CSS and your a:hover doesn’t seem to be working I may have the fix. You have to put your a:link information before your a:hover info.

This works:

.toprightmenu a:link, .toprightmenu a:visited {
font-weight: bold;
text-decoration: none;
font-size: 10px;
color: #999999;
}

.toprightmenu a:hover, .toprightmenu a:visited:hover {
font-weight: bold;
text-decoration: none;
color: #003366;
}

This doesn’t:

.toprightmenu a:hover, .toprightmenu a:visited:hover {
font-weight: bold;
text-decoration: none;
color: #003366;
}

.toprightmenu a:link, .toprightmenu a:visited {
font-weight: bold;
text-decoration: none;
font-size: 10px;
color: #999999;
}



No Comments      

Leave Your Thoughts

Some comments may be held for moderation and not appear immediately. Those with links and/or harsh language may need my approval before showing up live. I may also remove or edit any that I feel are spammy in nature or just plain rude.

Subscribe without commenting


Plurk.com
Subscribe





Subscribe to the TwisterMc Feed
TwisterMc Themes For Firefox 3 Connect with me via a social network. Web Host
Apple iTunes
Tumbler Badge
Great Sites
Archives
In Expensive Quality Stock Photos Made on a Mac