View Single Post
Old 25-02-2005, 15:41   #17
ikthius
Inactive
 
ikthius's Avatar
 
Join Date: Mar 2004
Location: Glasgow, Scotland
Services: anything for a new job
Posts: 4,165
ikthius is cast in bronzeikthius is cast in bronzeikthius is cast in bronzeikthius is cast in bronze
ikthius is cast in bronzeikthius is cast in bronzeikthius is cast in bronzeikthius is cast in bronzeikthius is cast in bronzeikthius is cast in bronzeikthius is cast in bronze
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
ikthius is offline   Reply With Quote