Hello…

Need some help w/my links – can someone please provide some expertise?
This is my first attempt at CSS… thanks for any feedback!

a:link {
text-decoration: none;
color: #FFFFFF;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover, a:active {
text-decoration:
color: #FF6600;
}

What I am looking for is a switch in color when hovered over. It should change from white to orange. I am not able to get this effect when previewing ??? (@ least in firefox)

Also are there any references online for sample CSS sheets? A guide that lists features for a quick copy/paste?

separate your rules for starters;

a:link {}
a:active ()
a:visited {}
a:hover {}

I'm sorry... I am new to this, what do you mean?

a:link {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration:
color: #FF6600;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration:
color: #FF6600;
}

When you apply different styles to link states, including them all in the right order helps.

Also, for Firefox preview, dont use a href="#" links; use a real url. Firefox will sometimes not display the multiple states for a page anchor link.

is that css copied directly from your stylesheet? cause i'm seeing some missing parts in the a:hover... you have

text-decoration:
color:#FF6600;

you're missing the value for text-decoration.