View Full Version : Visited Links

04-25-2006, 05:19 PM
Once a link has been visited on my site, it no longer has the same properties and the hover effect dosent work. I would like it to where when a site has been visited it is the same as it was before. Please help. Here is a link to my CSS sheet http://web.umr.edu/~ctnn87/styles2.css

04-25-2006, 06:02 PM
When selectors have the same specificity, later rules take precedence over any earlier ones. Each anchor selector has two classes (one actual, one pseudo), and one element name, therefore conflicting declarations in a.link1:visited will override those in a.link1:hover and a.link1:link, and similarly a.link1:hover will override conflicting declarations in a.link1:link. The simple solution is to reorder the rules so that the :hover rule is last in each group.

Whilst you're editing, you should also consider the following:

Avoid Verdana (http://www.xs4all.nl/~sbpoley/webmatters/verdana.html).
Don't use pixels when specifying font sizes (http://www.dynamicdrive.com/forums/showthread.php?p=32642#post32642). Use percentages, instead. See my follow up in that thread for more information, too.
Removing the underline from links should be done very carefully. It's easy to hide the fact that a link is in fact a link, as an underline is what user's typically expect. In a list of links, it may be exceptable, but usually nowhere else.
If you pick one colour, pick them all. (http://www.w3.org/QA/Tips/color). That is, when specifying a foreground colour, a background colour should also be indicated as well (and visa versa).
Making text resize when hovering can lead to a frustrating and very amateurish-looking site as it can cause content to move or reflow. For instance, on your home page (http://web.umr.edu/~ctnn87/), moving my cursor over the e-mail link causes the container to grow, which isn't very attractive.
Good luck,

04-25-2006, 06:08 PM
Thanks for your help. This is my first site, so I am still learning some of the things that make a bad site.