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...
Links and CSS
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:
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
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: Select all
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
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
Ruth