Link color problem

ncriptide posted this at 23:21 — 30th January 2008.

Joined: Aug 2007

The "Solutions" page should have links that are bold yellow in color because they are on a dark page background (per client request - not mine).

But the links on the Products and FAQ pages (which are white background) also has its links in yellow - which won't work, because you lose the words. I just wanted them standard blue underline links that are suppose to be default.

The "Solutions" page links are under a div ID called "hairRestore". That is the only div that I specified in my stylesheet as having yellow links.

The footer links should be white - according to my stylesheet - and they're not - they are yellow.

The links on the other pages, Products and FAQ are under a mainText div ID which has no link colors assigned. Should not that default to the standard link color?

If someone could look over the site and the css and tell me what stupid thing I did wrong, it would be greatly appreciated.

pr0gr4mm3r posted this at 00:13 — 31st January 2008.

He has: 1,502 posts

Joined: Sep 2006

Some of your links are yellow in the footer from this CSS:

#hairRestore ul a:link, a:visited {
color:#FFFF00;
text-decoration:underline;
font-weight:bold;
}

Note the "a:visited". That applies to all visited links. If you want to limit it to the hairRestore ID, change the top line to:

#hairRestore ul a:link, #hairRestore ul a:visited {

...but it's not right yet. The same CSS code posted above is also the culprit with your links not being yellow in the grey area. That's because the ul element has the style id, so you don't need to have that in the CSS. In other words, change that line to this:

#hairRestore a:link, #hairRestore a:visited {