|
Re: CSS can you suggest?
ok I have a question for some of the IE faithfull,
why is it that this page does not look the same as in firefox? what do I have to do to make it work the same in IE as in Firefox?
here is the code.
<!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:link[href="white.html"] {color:#FFFFFF;}
a:link[href="blue.html"] {color:#0000FF;}
a:link[href="orange.html"] {color:#FFA500;}
a:link[href="green.html"] {color:#008000;}
a:link[href="yellow.html"] {color:#FFFF00;}
a:link[href="purple.html"] {color:#800080;}
a:link[href="brown.html"] {color:#A52A2A;}
a:link[href="black.html"] {color:#000000;}
span.white:hover {background-color:#FFFFFF; color:#000000;}
span.blue:hover {background-color:#0000FF; color:#FFFFFF;}
span.orange:hover {background-color:#FFA500; color:#000000;}
span.green:hover {background-color:#008000; color:#FFFFFF;}
span.yellow:hover {background-color:#FFFF00; color:#000000;}
span.purple:hover {background-color:#800080; color:#FFFFFF;}
span.brown:hover {background-color:#A52A2A; color:#FFFFFF;}
span.black:hover {background-color:#000000; color:#FFFFFF;}
</style>
</head>
<BODY>
<a href="white.html"><span class="white">white</span></a><br>
<a href="blue.html"><span class="blue">blue</span></a><br>
<a href="orange.html"><span class="orange">orange</span></a><br>
<a href="green.html"><span class="green">green</span></a><br>
<a href="yellow.html"><span class="yellow">yellow</span></a><br>
<a href="purple.html"><span class="purple">purple</span></a><br>
<a href="brown.html"><span class="brown">brown</span></a><br>
<a href="black.html"><span class="black">black</span></a><br>
</BODY>
</HTML>
I want the links to be individual colours, and when hovered over the background goes to that colour and the text changes colour.
I have tried everything.
ik
EDIT I am still slightly stuck with my previous post #16
|