Ajax styling problem in Smooth Navigational Menu

[Draxeiro]

1) Smooth Navigational Menu (v1.31)

2) http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem:

After having installed the script without a hitch (kudos on the very thorough installation instructions!) I've run into a little snag with regards to the font-size of the links in the top menu options.

Looking at the code in the menu file the font-size should be set by class ddsmoothmenu in ddsmoothmenu.css

Yet I can change the font-size to anything I want there but it does not show in the menu.

Instead the font-size is set by the regular link style declaration in the site stylesheet.

Now, I assume that is due to the div smoothmenu-ajax not being declared anywhere. I tried adding it to the regular stylesheet, and also to the ddsmoothmenu one. That doesn't seem to be it.

As I cannot find any questions regarding this particular subject I think I am probably overlooking something quite obvious, but for the life of me I cannot figure out what.

Any help would be really appreciated!

Thanks in advance!

The site can be found here: http://www.mediascape.nl/projecten/test/
The menu file here: http://www.mediascape.nl/projecten/test/menu.htm
Smoothmenu css: http://www.mediascape.nl/projecten/test/ddsmoothmenu.css
Regular css file: http://www.mediascape.nl/projecten/test/opmaak.css

[jscheuer1]

Looks OK here, but to answer your question, this appears to be the spot to adjust the top level links (from your ddsmoothmenu.css file):


/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: #fff;
padding: 8px 9px 8px 9px;
text-decoration: none;
font: bold 10px arial, helvetica, sans-serif;
}

However, since you've defined a:link, a:visited, etc. in your opmaak.css file, some browsers may require that these pseudo classes also be defined for the .ddsmoothmenu ul li a selector as well, at least wherever they differ from those in the more general definitions in your opmaak.css file.

[Draxeiro]

Hi John,

That did indeed to the trick. Thanks a million :)

I guess I was put on the wrong footing by that smoothmenu-ajax div nowhere to be found in the css files. I had been experimenting adding the font declaration to various classes but had not tried it yet on the one you suggested.