PDA

View Full Version : CSS Footer Link visited wrong color



mhauth
Apr 8th, 2007, 10:05 PM
Hey everyone,

I completed this site:
http://www.uccspibetaphi.org/index.html

http://www.uccspibetaphi.org/images/style2.css

but my link at the bottom isn't working. It should come up white and rollover white underlined. But after you visit the link it becomes purple.

VIPStephan
Apr 8th, 2007, 10:15 PM
You need to stick to the correct order:


a:link{ color:#FFFFFF; text-decoration:none; }
a:visited{color:#fff; text-decoration:none;}
a:hover{ color:#FFFFFF; text-decoration:underline; }


I used to do the same mistake when I was new to this. ;)

And by the way: You donít need visited at all in your case. It's only needed if the link is supposed to look different from the regular state, after it was visited.

mhauth
Apr 8th, 2007, 10:54 PM
Thanks

mhauth
Apr 8th, 2007, 11:07 PM
One more question.

On the links page
www.uccspibetaphi.org/links.html

the code that is for my footer is causing a conflict. They are not showing up. I tried to make a .link style but didn't work same location for css as before.

jlhaslip
Apr 8th, 2007, 11:52 PM
a:link {
color:#FFFFFF;
text-decoration:none;
}
What colour is the page's background? Might want to change the link foreground colour as a class or inside the #container or the #content1 div?

mhauth
Apr 8th, 2007, 11:55 PM
Oops. I meant the 2 links listed in the content part of the page don't show up.

koyama
Apr 9th, 2007, 01:21 AM
I meant the 2 links listed in the content part of the page don't show up.
They show up, but aren't clickable. Change this:


<u>www.pibetaphi.org </u>

to this:


<a href="http://www.pibetaphi.org">www.pibetaphi.org</a>

Anyway, you shouldn't be using the u element. It is deprecated in HTML 4.01 because it is a stylistic element.

mhauth
Apr 9th, 2007, 01:24 AM
The only reason i did that was to make them show up for now while i am trying to find a solution.

Thanks

jlhaslip
Apr 9th, 2007, 03:47 AM
If you read my last posting again, and look at the colour for the a:link and then look at the colour code for the background of the content div, you will notice that the two colours are the same, so the links are white on white and they are not visible.
Used the Web Developer's Extension to outline them and they are there, just not readable.