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:02

Links and CSS


Poster: PB
Dated: Thursday December 2 2004 - 23:16:42 GMT

I've got a stylesheet that defines all links on all my web pages as follows:

a:link { color: #666666; text-decoration: underline; }

When using version 5.20, the menus were not affected by this. That is, none of the menu items were ever underlined (which is how I wanted it). However, when upgrading to the newest version, all the menu items are getting underlined. I tried adding

decoration="none";

as a style in menu_date.js, but it only works after you roll over any given menu item. It will stay un-underlined until the page is refreshed at which time it will become underlined again.

Anyone know what would have changed to cause this between 5.20 and 5.6x?

Thanks...


Poster: Ruth
Dated: Friday December 3 2004 - 1:45:02 GMT

Hi,
I just tried the newest version, putting a style sheet on the page with your a:link code but the menu doesn't get the text underlined, so I dont' know why that's happening with yours. Could you give us a link to the page so we can see what's up?

Ruth


Poster: PB
Dated: Friday December 3 2004 - 17:32:56 GMT

Hi Ruth,

I meant to mention that it's an intranet in my original post. Sorry bout that. Here's the menuStyle code I'm using:

Code:
with(menuStyle=new mm_style()){
onbgcolor="#cccccc";
oncolor="#000000";
offbgcolor="#dbddde";
offcolor="#4f5050";
offclass="menuOff";
decoration="none";
rawcss="padding:0px 5px 0px 0px";
fontsize="10px";
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Tahoma, Arial";
pagebgcolor="#CCCCCC";
subimage="/images/arrow_right.gif";
image="/images/spacer.gif";
imageheight=18;
imagewidth=5;
subimagepadding="0 3 0 3";
}



What's odd is that when I pull the stylesheet that has the a:link reference in it, while it obviously breaks the page, it fixes the menu. None of the drop downs are underlined. Additionally, I can change it to a.link (instead of a:link) and everything will work fine, though a:link is the correct syntax which I would like to keep.

The decoration="none"; line only seems to kick in though when I roll over one of the drop down menus (it actually removes the underline once I roll off each menu item, and stays that way on subsequent drop downs until I refresh the page). If I get rid of that line they will stay underlined all the time, so I know it's doing something, though I did have to add that with the new version.

Basically the a:link style from the page sytlesheet is overriding menuStyle initially, and the definition in menuStyle only kicks in when the menu is acted upon.

Odd, but too bad it can't be duplicated. Is there anything else I can provide that may help?

Thanks for helping.

PB


Poster: Ruth
Dated: Friday December 3 2004 - 18:29:00 GMT

I'm sorry, but I'd need to see more than the menu code since there seems to be some interaction between it, the style sheet and the page. If you could put up a test page with your style sheet and the menu it would help. If you can't we need you to post the style sheet and page code here so we can create a page and see what's happening.

Ruth