CSS visnings problem

Hej

Jeg er prøvet at få mine farver til at bilve rigtige på mine link men de bliver ved med at lave sjov med mig.

Jeg ville have en simple sort link med en "hover" der er hvid og en anden der også er sort med en "hover" der er lyse grå. Alt dette skulle være simple men når jeg så ser siden så er link ikke sort men gråligt og nr. 2 link er lyse rød men andre er den rigtige farve.

Her e mit CSS:

Link 1 der skulle være sort og hvid

a:link {
color: #000000;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
a:visited {
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
a:active {
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}


Link 2. der skulle være sort og grå

a.linktwo {font-weight: bold;
}
a.linktwo:link {color: #000000;, text-decoration: none;, font-family: "Times New Roman", Times, serif;, font-size: 12px;
}
a.linktwo:visited {text-decoration: none;, font-family: "Times New Roman", Times, serif;, font-size: 12px;
}
a.linktwo:hover {color: #999999;, text-decoration: none;, font-family: "Times New Roman", Times, serif;, font-size: 12px;
}
a.linktwo:active {text-decoration: none;, font-family: "Times New Roman", Times, serif;, font-size: 12px;
}

her er den code der laver sjov...

Link 1:

<th width="164" class="menubg" scope="row"><table width="100%" border="0">
<tr>
<th width="48%" scope="row">&nbsp;</th>
<td width="52%" height="62"><a href="index.html" target="_self">Home</a></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<th width="48%" scope="row">&nbsp;</th>
<td width="52%" height="60"><a href="aboutus.html">About Us</a></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<th width="48%" scope="row">&nbsp;</th>
<td width="52%" height="58"><a href="ourservices.html">Our Services</a></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<th width="48%" scope="row">&nbsp;</th>
<td width="52%" height="58"><a href="oursafety.html">Our Safety</a></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<th width="48%" scope="row">&nbsp;</th>
<td width="52%" height="56"><a href="contactus.html">Contact Us</a></td>
</tr>
</table> <table width="100%" border="0">
<tr>
<th width="48%" scope="row">&nbsp;</th>
<td width="52%" height="64"><a href="sitemap.html">Site Map</a></td>
</tr>
</table></th>


Link 2:

<table width="100%" border="0">
<tr>
<td width="170" height="300" valign="top" scope="row"><div align="center"><a href="safetyuse.html" class="linktwo">Safety Use</a><br /><br />Read all about secure way to use our equipment.</div></td>
<td width="1" class="sitemapline">&nbsp;</td>
<td width="170" valign="top"><div align="center"><a href="oursafety.html">Our Safety</a><br />
<br />Read all about our safety and staff training</div></td>
<td width="1" class="sitemapline">&nbsp;</td>
<td width="170" valign="top"><div align="center"><a href="equipment.html" class="linktwo">CE Certifications</a><br /><br />Read all about our equipment, CE Certifications and safety</div></td>
</tr>
</table>


her er link til hjemmesiden så i kan se det.

http://www.playasmile.comze.com/eng/oursafety.html

håber virkelig der er nogen der har en forklaring hvorfor det sker.

Du bliver nød til at angive farven i :visited psuedo classen.
Eventuelt kan du lave dig en css selector der dækker flere states..

eg..

a:link, a:visted, a:active {

Rækkefølgen er rimelig vigtig når du angiver links i dit css

den skal være:
a:link, a:active, a:visited, a:hover

Prøv at se om det ikke løser dine problemer.

det var række følgen og farven jeg ikke havde på... nu virker det... taker for løsningen og de hurtige svar

ved i så ikke hvordan i har et billedet med link i CSS så jeg bare kan tage det ud?