Links and CSS

Taken From The Forum:
Forum Topic:
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

Industrial Strength JavaScript and DHTML Menus

Links and CSS