Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Css Problem, I cant get the right colors.
BooZker
post Jul 14 2006, 01:52 AM
Post #1


Mad Scientist of 2006
*********

Group: [HOSTED]
Posts: 750
Joined: 27-April 06
From: Washington State in the USA
Member No.: 22,661
T17 GFX Crew



On my site http://ojproductions.net 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.

CODE
<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://www.picosearch.com/cgi-bin/ts0.pl?index=418358" 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>
Go to the top of the page
 
+Quote Post
jlhaslip
post Jul 14 2006, 01:57 AM
Post #2


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 3,997
Joined: 24-July 05
From: In Trouble Again... still?
Member No.: 9,787
Spam Patrol



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:
CODE

.footer a:link {color:#FFFFFF}
.footer a:visited {color:#FFFFFF}
.footer a:hover {color:#FFFFFF}
.footer a:active {color:#FFFFFF}
Go to the top of the page
 
+Quote Post
BooZker
post Jul 14 2006, 06:45 AM
Post #3


Mad Scientist of 2006
*********

Group: [HOSTED]
Posts: 750
Joined: 27-April 06
From: Washington State in the USA
Member No.: 22,661
T17 GFX Crew



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.


CODE
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.

CODE
<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://www.picosearch.com/cgi-bin/ts0.pl?index=418358" 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>
Go to the top of the page
 
+Quote Post
jlhaslip
post Jul 15 2006, 02:14 AM
Post #4


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 3,997
Joined: 24-July 05
From: In Trouble Again... still?
Member No.: 9,787
Spam Patrol



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.
Go to the top of the page
 
+Quote Post
BooZker
post Jul 19 2006, 10:20 PM
Post #5


Mad Scientist of 2006
*********

Group: [HOSTED]
Posts: 750
Joined: 27-April 06
From: Washington State in the USA
Member No.: 22,661
T17 GFX Crew



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

This post has been edited by BooZker: Jul 19 2006, 10:20 PM
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Defining Colors Using Css(1)


 



- Lo-Fi Version Time is now: 7th September 2008 - 02:48 AM