Css Problem I cant get the right colors.

[BooZker 0]

On my site http://forums.xisto.com/no_longer_exists/ i'm trying to get the footer the right colors. I want the links to be white(#FFFFFF) At all times. I want no mouse over effects and i want the visted link to be white. Here is the script im using now. I have tried a lot of things, but i can never get the visted link to be white. Its always the default purple.

<style type="text/css"><!--a.footer:link {color:#FFFFFF} a.footer:visted {color:#FFFFFF}a.footer:active {color:#FFFFFF}.footerlines {color: #FFFFFF}--></style>  <p><span class="footerlines"> <a href="http://ojproductions.net/thanks.php" class="footer">Thanks To</a> | </span><a href="http://forums.xisto.com/no_longer_exists/; class="footer">Search</a> <span class="footerlines">| <a href="http://ojproductions.net/contactus.html" class="footer">Contact Us</a> <span class="footerlines">|</span> <a href="http://ojproductions.net/about.php" class="footer">About Us</a></span></p>

[jlhaslip 4]

Boozker,
Are Anchor tags defined anywhere else in the css code? It may be that the other definition for the a:visited is overriding this particular specification.
Also, which Browser are you using?

*Edit*
Had a look at your site and it might be that you have a second style tag that is in an incorrect spot in the html code. The style tag belongs at the top of the page contained within your head tags. You have one set of style tags at the top of the page and a second one where you are defining the a:visted, etc as per the original post. Most Browsers will have problems with this second set of style tags. Simply move the css for the footer anchors up to the top style tags and it will create less confusion for the Browser. Who knows, maybe it will work there?

Try this code:

.footer a:link {color:#FFFFFF} .footer a:visited {color:#FFFFFF} .footer a:hover {color:#FFFFFF} .footer a:active {color:#FFFFFF}

[BooZker 0]

Hey the code you gave me didn't work, but i got an idea from that code you gave me. Here is the code that worked.

a.footer:link {color:#FFFFFF} a.footer:visited {color:#FFFFFF} a.footer:hover {color:#FFFFFF} a.footer:active {color:#FFFFFF}

P.S. The footer of my site is using PHP if thats what you meant by are the anchored already on the webpage. They were not already anchored because the entire footer PHP code is this.

<style type="text/css"><!--a.footer:link {color:#FFFFFF} a.footer:visited {color:#FFFFFF} a.footer:hover {color:#FFFFFF} a.footer:active {color:#FFFFFF} .footerlines {color: #FFFFFF}--></style>  <p><span class="footerlines"> <a href="http://ojproductions.net/thanks.php" class="footer">Thanks To</a> | </span><a href="http://forums.xisto.com/no_longer_exists/; class="footer">Search</a> <span class="footerlines">| <a href="http://ojproductions.net/contactus.html" class="footer">Contact Us</a> <span class="footerlines">|</span> <a href="http://ojproductions.net/about.php" class="footer">About Us</a></span></p>

[jlhaslip 4]

Is it possible that the cache needed to be cleared? Sometimes when you make changes to a page they are not shown because the Browser uses a cached page. You still haven't mentioned which Browser you used. Opera has very strong caching, so does Firefox.

[BooZker 0]

No i checked that, but everything is all good now. Thanks

Edited July 19, 2006 by BooZker (see edit history)