Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:19

CSS font styles with v 5.73x


Poster: mbucher
Dated: Tuesday January 3 2006 - 23:10:31 GMT

I recently set up a menu for one section of our website, which uses CSS to control the menu styles (via 'offclass' and 'onclass'). Up until today, it worked perfectly, except for a weird margin in Firefox & Opera. So, since other web team members were working on upgrading to 5.736, I upgraded this particular menu to that version also.

Now the font color is wrong in all browsers (IE, Firefox, etc) -- the fonts are supposed to be white (on a green background) in the menu, but the "regular" link color of green has replaced it. On a whim, I added an <a> tag to the style with the font color set to white. That helped with Firefox, but IE still displays the font in green.

After looking through the forum posts, I saw mention of some bug fixes in 5.738 and 5.739. I tried both those versions and the problem is still not fixed.

I would give you the URL of the site, but it is in development right now and only resides on our internal servers. However, if you really wanted to see it, I could post it in a temporary location.

The CSS styles, as they stand now, are:

.cssmouseon {
background-color: #afafaf;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-indent: 5px;
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-right: #000000 1px solid;
border-bottom: #000000 1px solid;
margin: 0px;
}

.cssmouseon a {
color: #fff;
}

.cssmouseoff {
background-color: #005533;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-indent: 5px;
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-right: #000000 1px solid;
border-bottom: #000000 1px solid;
margin: 0px;
}

.cssmouseoff a {
color: #fff;
}

Inside of the menu_data.js file, the menu style is defined as:

with(menuStyle=new mm_style()){
offclass="cssmouseoff";
onclass="cssmouseon";
}


Any help would be appreciated!

~mary


Poster: kevin3442
Dated: Wednesday January 4 2006 - 2:06:44 GMT

Hi Mary,

I just tried a quick test with the code you posted... used it in the horizontal menu example that comes with the default download from milonic.com. I was using Milonic v5.738. I tried your css code inline as well as loaded from a .css file; they worked just fine in both IE6 and FF.

Only loaded the files from the hard disk, haven't tried through a web server yet. I'll try that next.

Cheers,

Kevin


Poster: mbucher
Dated: Wednesday January 4 2006 - 17:47:22 GMT

Kevin,

Thanks for checking it out. I put one of the pages from the site on our webserver so that you can see the page:

http://www.sonoma-county.org/scretire/test/about.htm

(There is just this one page there now, so none of the other menu items will work.)

I don't know if it's an issue with our development server or what, but when I moved the page to the live server, the font now shows in white -- but only if I include the style for the <a> tags in the class. If I remove that, they appear in green again.

Is this a bug or a feature? :) If this is how the CSS styles will work from now on, then I will code accordingly.

Thanks,
~mary