View Single Post
Old 25-02-2005, 16:54   #20
punky
Inactive
 
Join Date: Jun 2003
Age: 45
Posts: 14,750
punky has a golden aurapunky has a golden aura
punky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aurapunky has a golden aura
Re: CSS can you suggest?

Quote:
Originally Posted by ikthius
Punky, I have IE 6 and it has the colours for the links but it does not change the background colour for the hover.
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.

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.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
Quote:
EDIT I will have more links than the test page, so I was going to leave another formatting for general links. so the [] helps identify the actual link, was suggested earlier in this thread
I don't know what you mean about the cell heading thing. Could you be a bit clearer?
punky is offline   Reply With Quote