decoration in Mozilla

Poster: Super Trooper
Dated: Thursday June 16 2005 - 20:03:51 BST

I am using the latest free DHTML menu and I am having a problem with the decoration parameter not working with the Mozilla browser. I have images set up as my buttons with the following menu style....

with(msSubMenus=new mm_style()){
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="Barn(duration=0.3)";
overfilter="Barn(duration=0.2);Alpha(color=#777777', Direction=135, Strength=3)";
pagebgcolor="#82B6D7";
pagecolor="black";
padding=3;
separatorcolor="#999999";
separatorsize=1;
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
decoration="None";
ondecoration="None";
}

....when I click on a menu item it is decorated with the dashed border all the way around. The problem is that the decoration will show up whenever i mouseover any & all of the menu items until i click somewhere else on the screen. Is it just an issue with Mozilla, or am i missing something somewhere?

Poster: Ruth
Dated: Friday June 17 2005 - 17:40:42 BST

Hi,

The decoration and ondecoration properties in the menu refer to the css 'text-decoration' property. That includes underline, overline, strike-through, blink, none. The dotted box that you see is not related to these css properties. If I remember correctly it's called a selection box, something like that and it has to do with mousing over and links. I could not find any info on w3c or elsewhere as to what governs that. It may be browser controlled.

I'm assuming that you have the menu set to openonclick? I couldn't get the problem when the menus were just opening onmouseover. The box appears in all browsers on click. It seems however that in Firefox once you initiate the openonclick mode with a click, it remains there all the time. That is perhaps how that particular browser functions. I will post it to see if there's something that can be done in the menu, but I don't know that it's a menu issue.

Ruth

Poster: Super Trooper
Dated: Friday June 17 2005 - 19:10:19 BST

actually it's opening a url link when I click on it. I figured that it was something particular with Mozilla/Firefox, b/c I don't see any sort of selection box when viewing in IE. If you find out something that would be great....it's not a huge problem...just a little annoying and odd looking. Thanks.

Poster: Ruth
Dated: Friday June 17 2005 - 21:50:54 BST

Hi,

Will let you know if I find anything. I do see it in IE5.5 but you have to really look because it only happens on the downclick so as soon as the click is initiated it disappears. If you use a tab access you will see that in all browsers also, that's why I think it's browser related. For example if you go to a site and tab it with your mouse [though it's hard to see sometimes] there is that little dotted line. Maybe it has to do with tab access, making sure you can actually see where you are?

Ruth

Poster: Super Trooper
Dated: Sunday June 19 2005 - 16:09:00 BST

It only happens when I click on one of the menu items, whether it be a main item or a sub item. I can click on any other link on my page in Mozilla and the selection box doesn't show up at all. I noticed that it happens to the menu on the Milonic home page as well. It's less noticable, b/c the size of the menu is smaller, but the selection box shows up and returns everytime you mouse over one of the menu items. I'm out of ideas.

Poster: Super Trooper
Dated: Sunday June 19 2005 - 16:26:33 BST

discovered partial fix. When I click down on a menu item, the selection box is still displayed initially. However, by setting focus to another object using the onfunction property, the selection box doesn't reappear on mouse overs.

Poster: Ruth
Dated: Tuesday June 21 2005 - 1:50:23 BST

All of the reading I've done seems to indicate this is a browser issue. It's the browser focus. If you got a function to 'shift' it then that's good, because other than that there's not much the menu can do about it.

It doesn't say in any reading I've done, but I maybe it is something being done to make browsers more 'friendly' as to 508. If you were on a regular html page with links, and you tabbed the page you'd see each link as it is 'reached' outlined with the little box.

EDIT: 8:53pm

Right after I posted that I found a couple of href onclick functions to get rid of the box.

I don't know how to make it into a function, but I have to think you can find someone who does, or perhaps you can.

This gets rid of it after the click.



This gets rid of it totally



Ruth