Link color problem

[ncriptide]

On this site: New Mexico Hair Restoration, Hair Loss, Hair Loss Solutions by Dr Kirkpatrick

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.

[imvain2]

I noticed on your solutions page that you don't have a div with theID hairrestore you have an UL with that ID. I'm not a CSS guru, but I noticed that differed from what you typed.

For me in IE, your footer links are: white, yellow on hover and yellow bold on visited (maybe you have visited ALL the pages that is why they are yellow for you)

[Refiner]

You can override CSS from a separate stylesheet directly in the html head or inline.

For you, I recommend adding a separate CSS class for the links on the white background so you can control them separately.

[iany]

I have checked in FF and IE6 and the links appear fine to me. white but yellow on hover. Where not specified, the links are blue and underlined!

However, IE6 the whole site breaks with the central element aligned left.

Not sure what you have done, but there are three errors in your css.

Line 5 background-image has too many elements,
line 27, typo "magin" instead of "margin"
line 112 paddiing instead of padding.

The error on line 27 will certainly affect the alignment of the top banner.

Cheers

Ian

[ncriptide]

Sorry - since I posted on WebProWorld, I solved the problem.

Problem was, I had:

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

Instead of:

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

Same with the footer div . . . beginner mistake and one I'll NEVER make again!

Thanks for your response. I appreciate you taking the time in trying to help. . .

Reggie

[ncriptide]

Originally Posted by iany

I have checked in FF and IE6 and the links appear fine to me. white but yellow on hover. Where not specified, the links are blue and underlined!

However, IE6 the whole site breaks with the central element aligned left.

Not sure what you have done, but there are three errors in your css.

Line 5 background-image has too many elements,
line 27, typo "magin" instead of "margin"
line 112 paddiing instead of padding.

The error on line 27 will certainly affect the alignment of the top banner.

Cheers

Ian

Thanks for the insight - that's what I get for being over 40 and viewing my code on a laptop at 1680 x 1050 . . . Thanks for finding the errors. . .

[iany]

Originally Posted by ncriptide

Thanks for the insight - that's what I get for being over 40 and viewing my code on a laptop at 1680 x 1050 . . . Thanks for finding the errors. . .

No problem. Always good idea to check with The W3C CSS Validation Service

Ian