OKAY! My site has the CSS code as follows:
<Style type="text/css"><!---
A:link{text-decoration:none; Color:#3399ff}
A:visited{text-decoration:none; color:#3366ff}
A:active{text-decoration:none; color:#3399ff}
A:hover{text-decoration:none; background color:#6699ff; cursor:crosshair}
---></Style>

On this one page it has a link the looks EXACTLY as I want it to, but futher down I have a MAIL TO: Link. The CSS doesn't work right on it. It gets background color but it is the wrong Link color and it has an underline. Huh? Help.


After typing this I realized it most likely should go in the CSS Forum...

first of all, can we see the page you're working on? and second, I've cleaned up your sLoPpY coding! here it is now:

<style type="text/css"><!--
a:link, a:visited, a:active {text-decoration: none; color: #3399FF;}
a:hover {text-decoration: none; background-color: #6699FF; cursor: crosshair;}
--></style>

i think terrae wants only the text to change color and not the background but i'm not sure. here's the 'hover' portion if that's what you want. i just removed the 'background' part.
A:hover{text-decoration:none; color:#6699ff; cursor:crosshair}

amicus, they do want the background color. And the code you just posted needs to be cleaned... some browsers don't tolerate sloppy coding... Once again, here is the correct code:

<style type="text/css"><!--
a:link, a:visited, a:active {text-decoration: none; color: #3399FF;}
a:hover {text-decoration: none; background-color: #6699FF; color: #YOUR COLOR; cursor: crosshair;}
--></style>


Terrae, you need to specify the link color you want in the hover part too... which is what I shown above, I didn't think of this in my last post though! anyway, copy the above code and replace YOUR COLOR with your hex code

Originally posted by Xiphias


<style type="text/css"><!--
a:link, a:visited, a:active {text-decoration: none; color: #3399FF;}
a:hover {text-decoration: none; background-color: #6699FF; color: #YOUR COLOR; cursor: crosshair;}
--></style>



Thank You.

The funny thing is this is for a HTML help page -_- under Basics in the navigation. (Still under construction but I think I've gotten far, considering I only started yesterday@_@)

I've just never used CSS before.

you seem to have an extra dash in your comment area.
try changing your css from this...

<Style type="text/css"><!---
A:link{text-decoration:none; Color:#3399ff}
A:visited{text-decoration:none; color:#3366ff}
A:active{text-decoration:none; color:#3399ff}
A:hover{text-decoration:none; background color:#6699ff; cursor:crosshair}
---></Style>
<style>body {scrollbar-face-color: #6699ff;
scrollbar-highlight-color: #6699ff; scrollbar-3dlight-color: #6699ff;
scrollbar-shadow-color: #6699ff; scrollbar-darkshadow-color: #6699ff;
scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff}
</style>

into to this...

<style type="text/css"><!--
a {text-decoration:none; color:#3399ff;}
a:hover{background color:#6699ff; cursor:crosshair;}
body {scrollbar-face-color: #6699ff;
scrollbar-highlight-color: #6699ff; scrollbar-3dlight-color: #6699ff;
scrollbar-shadow-color: #6699ff; scrollbar-darkshadow-color: #6699ff;
scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff;}
--></style>

IT WORKS!!!


Thank you thank you thankyouthankyou. Now I can finish my 4-H project.