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

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";
overfilter="Barn(duration=0.2);Alpha(color=#777777', Direction=135, Strength=3)";

....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


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.


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's not a huge problem...just a little annoying and odd looking. Thanks.

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


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?


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.

<A HREF="" onClick="this.blur()">
Click For Another Site</a>

This gets rid of it totally

<a href=
onFocus="if(this.blur)this.blur()">Milonic DHTML Menu</a>