[ikthius]

Originally Posted by punky

Oh yeah, I didn't notice that. Anyways, <span> doesn't have a :hover propert, only a[nchors]s do. So I added those colours to the a.hovers for each class, and took out the <span>s from around the links. Works fine in FireFox and IE.

<!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 {color:#FFFFFF;}
a.white:hover {background-color:#FFFFFF; color:#000000;}

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

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

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

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

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

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

a.black:link {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>

also for post 16, I dont want another cell for the heading, this may make my page look awful, look at: http://homepage.ntlworld.com/j.kelly...veanimals.html
to see what I mean.

thanks for helping dude, I am at a loss

ik


I don't know what you mean about the cell heading thing. Could you be a bit clearer?

basically it does not really have a heading, I know I said that in my original post, but it just has text (used as a heading) then <BR> then text as main body of cell.

in my page, it has 3 cells to a row.

but I think I could just add another row

i will test your new code on IE

ik

EDIT thats what I was trying to do, now is there away to stop the links from changing colour when they are visited, you know how they become a different colour because it is set to a:visited {color:#FF0000;}? any way that I can force it to remain the same colours as before I clicked?

ik