[punky]

Originally Posted by ikthius

I played with this, but when you hover over the link again it all goes same colour, no text, is there something in the meta that I can specify that it does not get chached in the users browser?
this might be a solution

ik

I don't know what you were saying there, but try this, it should be what you want. Works in FF and IE naturally.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> test page </TITLE>
<style type="text/css">

body {background-color:#D0BFAC; color:#000000; font-size:12pt; font-family:TimesRoman,Arial;text-align:center; margin-left:1cm; margin-right:1.5cm; font-weight:bold;}

a:link {color:#0000FF;}
a:visited {color:#FF0000;}
a:active {color:#FFFF00;}
a:hover {color:#008000;}

hr {width:95%; height:2px; color:#C0C0C0;}

a.white:link,a.white:active,a.white:visited {color:#FFFFFF;}
a.white:hover {background-color:#FFFFFF; color:#000000;}

a.blue:link,a.blue:active,a.blue:visited {color:#0000FF;}
a.blue:hover {background-color:#0000FF; color:#FFFFFF;}

a.orange:link,a.orange:active,a.orange:visited {color:#FFA500;}
a.orange:hover {background-color:#FFA500; color:#000000;}

a.green:link,a.green:active,a.green:visited {color:#008000;}
a.green:hover {background-color:#008000; color:#FFFFFF;}

a.yellow:link,a.yellow:active,a.yellow:visited {color:#FFFF00;}
a.yellow:hover {background-color:#FFFF00; color:#000000;}

a.purple:link,a.purple:active,a.purple:visited {color:#800080;}
a.purple:hover {background-color:#800080; color:#FFFFFF;}

a.brown:link,a.brown:active,a.brown:visited {color:#A52A2A;}
a.brown:hover {background-color:#A52A2A; color:#FFFFFF;}

a.black:link,a.black:active,a.black:visited {color:#000000;}
a.black:hover {background-color:#000000; color:#FFFFFF;}

</style>
</head>

<BODY>
<a class="white" href="white.html">white</a><br>
<a class="blue" href="blue.html">blue</a><br>
<a class="orange" href="orange.html">orange</a><br>
<a class="green" href="green.html">green</a><br>
<a class="yellow" href="yellow.html">yellow</a><br>
<a class="purple" href="purple.html">purple</a><br>
<a class="brown" href="brown.html">brown</a><br>
<a class="black" href="black.html">black</a><br>


</BODY>
</HTML>