CSS Rollover Text Color Change.

Hello all!

I have a site I built that the end users are going to be primarily elderly with dial-up modems in the middle of nowhere so virtually everything is done with text rather than images. What I have are menu items that are text-based, a <a> tags like this:

<div id="menu">
<div class="menuItem"><a href="?">home</a></div>
<div class="menuItem"><a href="?p=faq">FAQ</a></div>
<div class="menuItem"><a href="?p=findstaff">find staff</a></div>
<div class="menuItem"><a href="?p=findajob">find a job</a></div>
<div class="menuItem"><a href="?p=contactus">contact us</a></div>
</div>

In the styles.css I have this:


div.menuItem a { color: #666; text-decoration: none; }
div.menuItem a:hover { color: #900; text-decoration: none; }
div.menuItem a:active { color: #666; text-decoration: none; }
div.menuItem a:visited { color: #666; text-decoration: none; }

I want the text to be gray, and upon rollover be dark red. The issue is that once you have clicked the link, the rollover for that button doesn't work. Any ideas?

Thanks,

Dan

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
#menu, #menu li { margin:0; padding:0; list-style:none; }
#menu a:link { color: #666; text-decoration: none; }
#menu a:visited { color: #666; text-decoration: none; }
#menu a:hover { color: #900; text-decoration: none; }
#menu a:active { color: #666; text-decoration: none; }
</style>
</head>
<body>
<ul id="menu">
<li><a href="?">home</a></li>
<li><a href="?p=faq">FAQ</a></li>
<li><a href="?p=findstaff">find staff</a></li>
<li><a href="?p=findajob">find a job</a></li>
<li><a href="?p=contactus">contact us</a></li>
</ul>
</body>
</html>

CSS Rollover Text Color Change.

rollover issue where text color doesn't change after link's been visited

dgriff80

rocknbil

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week