-
☆ A M B ☆
- 197 Posts
I was having this discussion about the preferred :hover effect on normal links in your content section of your website. We have some new interns who use an underline for normal links and no-underline on-hover. Like this:
a {
text-decoration: underline;
color: blue;
}
a:hover {
text-decoration: none;
color: same-as-above;
}
I personally don't like this at all. I think there's no logic in it. I always think a hover-effect should 'add' something to a link. Add an underline, change to a fancy color, bold, etc. In the example about I would leave the underline and change the color on-hover.
What do you guys think?
-
☆ A M B ☆
- 24,524 Posts
I tend to use a color to show links in text, with the underline to indicate active or hovered links. A small image positioned at the bottom of the link to indicate active or hovered links is also nice in formal, styled menus.
I often do something like that:
1) Normal - font-weight: bold, to make the link text stand out - exactly same colour as paragraphs, etc (unless it's some sort of a "special section")
2) Hover - only underline
3) Active - underline + colour change (more distinct)
And of course, link to the page you are currently viewing styled as active.
