CSS-->Hyperlink Color

OK, I have the page filled with 3,000,000 lines of useless code.

I'm trying to add the drop-out menus to our company site, but I don't exactly know where to stick the code so that it ONLY AFFECTS THE HYPERLINKS UNDER THE MENU. I know where the code for the layers is at, but what I'm saying is where do I put it under there?

http://www.rdi1.com/defaulttest.asp

Would it be before/after/inside the {a href}?

I'm trying different things, and it's not working.

I need the normal colors to be white, and on hover, I need them to be underlined.

I'm having problems guys. Please help.

Thanks,
Matt.

EDIT:
I THINK I DO THIS EVERY TIME: FORGETTING TO GIVE YOU THE LINK: I PUT IT ABOUT 3 PARAGRAPHS UP TOO.

http://www.rdi1.com/defaulttest.asp





EDIT #2:

I was thinking, but I can't find anything on it, but can't you add styles to <.div> tags? I must be wrong since I can't find it, but I swore I read that somewhere. Come on Pank, I know you know this. If you can, please tell me how because I can't find it anywhere.

What I would do is this.

uhm, I understand what you are talking about...you should make it a <.span> and define the stuff you need to in there. and It should work. I personally would use a stylesheet that is set up for only the menu.

Well I know you can do that, but how would I define the menu so that a specific style only attaches itself to that?

I found this:
http://html.miningco.com/library/tags/bl_div.htm

But when I try to add the color style after the position style, then the layer that pops up gets thrown down to the bottom of the page.

Original: [code]div id="Layer1" style="position:absolute; width:100px; height:40px; z-index:1; left: 122px; top: 130px; visibility: hidden"[/code]

Changed: [code]div id="Layer1" style="position:absolute; color="red"; width:100px; height:40px; z-index:1; left: 122px; top: 130px; visibility: hidden"[/code]

EDIT:
Oh, I missed what you said about the SPAN tag. I'll check it out.

I may have found a good article on that:

http://html.about.com/library/weekly/aa112000a.htm

Well that helped. Whether it worked or not, i'm not sure.

Could a few of you please just test that link to see if does?

Thanks,
matt

yes, it appears to be functioning fine.

Remember --- CSS is your friend

CSS was not my friend today. She was a real priss today, just would NOT give in to me.

Create a new style class:

[code]
.classname {
// paste all the menu stuff here
}
[/code]

And call it as so:
[code]<span class=classname><a href=#>Menu</a></span>[/code]

you mean like this http://www.teamphotoshop.com/web_design/articles/anchor_pseudo.php

Yeah Pank, I figured it out with your help. I did not see that article, but I just looked at your code to see how you did it...so you still helped me.

Worked good for me, thanks.