Anylink Drop Down Menu - changing font color

[br2419]

script: http://www.dynamicdrive.com/dynamici...pmenuindex.htm

This script is great! But i can't seem to figure out how to change the font color in the menus. Can you help me out?

thanks!

[gigabites]

Well, the easiest way is like so...

menu1[0]='<a href="http://www.javascriptkit.com" target="_new"><font color="black">JavaScript Kit</font></a><br>'

Simply wrap it with a font color tag.

[br2419]

Thanks!

[ddadmin]

Or if you wanted to change the font color of all text inside the menu, an easier and more elegant way is to use CSS, by add a "color" declaration inside the stylesheet:

<style type="text/css">

#dropmenudiv{
position:absolute;
color: red;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

</style>

[gigabites]

@ddadmin
That'll only work if You put a plain text inside the menus. Well, it's a hyperlink, it'll only change it's style if the "A selector" is declared.

[ddadmin]

@ddadmin
That'll only work if You put a plain text inside the menus. Well, it's a hyperlink, it'll only change it's style if the "A selector" is declared.

Oh yes, forgot about that. So, the below would also need to be added:

#dropmenudiv a{
color: red;
}

Thanks for pointing it out.

[gigabites]

Anytime ddadmin

[longverb]

Where is does either of the these code go and which page? 1. On the Html page that use the code 2. anylinkmenu.css 3. anylinkmenu.js 4. menucontent.js

I have tried to put every where but the right place. thank you for you time.

[ddadmin]

All references to the .css and .js files of the script should go in the HEAD section of your page. So would any global CSS such as:

<style type="text/css">

#dropmenudiv{
position:absolute;
color: red;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

</style>