Links underline on mouseover. Most...

User 451118 Photo


Registered User
57 posts

I have code set up in my header so my links underline only when the mouse hovers over it. However, I have a few rogue links that show up underlined and I can't figure out why. Here is my code:
<style type="text/css">
<!--
#container a:link {color: #005266; text-decoration: bold; }
#container a:visited {color: #005266; text-decoration: none; }
#container a:hover {color: #640e27; text-decoration: underline; }
#container a:active {color: #005266; text-decoration: bold; }
-->
Now that I look at it again, I can remember why I'd have <!-- and --> doesn't that shut it off altogether?

Anyway, if you were to look at ogiekanogie dot com, you'll see that most of my links work as I'd like them to. But scroll down and you'll see a few links that show up underlined.
I checked in coffee cup, and I don't have them manually underlined. What could it be?
windy
User 463058 Photo


Ambassador
1,086 posts

The comment tags won't hurt anything. However, they aren't needed either. They used to be necessary with some older browsers that would show embedded CSS as text in the browser window.

#container a:link {color: #005266; text-decoration: bold; }

This should be

#container a:link {color: #005266; text-decoration: none; }

text-decoration can be none and underline, but it can't be bold.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.