Rollover links

[Vonstein]

I am trying to get my rollover links to stay the same in Dreamweaver 8 even if they have been visted, but I am unable.
I am using white as the menu button color and blue when a visitor rolls their mouse over it. This works. However, when returning "HOME" or another link, the last visited stays white and no longer turns blue on the roll over.
Here is the code:
<table width="768" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td height="15"><table width="678" border="0" align="center" bordercolor="#CCCCCC">
<tr>
<td width="72" bgcolor="#889055" class="style6"><div align="center" class="style2"><a href="

http://www.somewhere.com.html">Home</a></div></td>

<td width="255" nowrap bgcolor="#889055" class="menubuttons style2"><div align="center" class="style2"><a href="Transcription Services.html"><span class="style6" onMouseOver="a:hover">Transcription Services</span></a></div></td>
<td width="115" bgcolor="#889055" class="menubuttons style2"><div align="center"><a href="Technology.html" class="style6">Technology</a></div></td>
<td width="112" bgcolor="#889055" class="menubuttons style2"><div align="center" class="style2"><a href="ContactUs.html"><span class="style6">Contact us</span></a></div></td>
<td width="13">
<td width="85" bgcolor="#889055" class="menubuttons style2"><div align="center"><a href="AboutUs.html" class="style6">About us </a></div></td>
</tr>

Could anyone offer any tips?
Thank you

 

[traingamer]

Show us the css for your classes style6 and style2.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[Vonstein]

Hi traingamer
Here is my code. Thank you for your reply and I hope you can help.
<style type="text/css">
<!--
body {
background-color: #889055;
}
a:link {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.style2 {color: #FFFFFF}
.style6 {font-size: large; font-weight: bold; }
a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #6633CC;
}
a:hover {
color: #6633CC;
}
a:hover {
color: #6600CC;
text-decoration: none;
}
.style7 {
font-size: x-large;
font-style: italic;
font-weight: bold;
}
.menubuttons style2 .style6 {
color: #6633CC;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.style11 {font-size: 16px}
.style12 {font-size: 16px; font-style: italic; font-weight: bold; }
.style14 {
font-size: 18px;
font-style: italic;
font-weight: bold;
color: #FFFFFF;
}
-->
</style>
</head>

 

[vacunita]

a:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #6633CC;
}
a:hover {
    color: #6633CC;
}
a:hover {
    color: #6600CC;
    text-decoration: none;
}

you realize you have 3 hover styles each one overriding the previous one right???


Second the a:link,hover,visited,active need to be in a specific order. hover should always be the last one, while link should be the first one.

The order should be:

a:link
a:visited
a:active
a:hover


You can then style the visited style to be the same as the link one and it will work

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Vonstein]

Got It!
Guess I know just enough to be dangerous. It's hard being a small single owner of a start up business and doing it all.
Hey, I want to thank you guys very much. You all are the best ever.
Again, Thank you