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

Bizarre ghosted borders in Firefox


Poster: Jefficus
Dated: Thursday August 19 2004 - 22:37:09 BST

I have a site I'm setting up (http://jefficus.usask.ca:8090). When I view it in Opera, it displays the way I want. (Sculpted 3D submenu items achieved by using different top and bottom border colors in a CSS style.)

I am told that people viewing from MSIE see it the way I intend as well.

But Firefox shows these really bizarre doubleborders. One border appears fine. But the second border is about 10% too large for the item so it draws ugly lines near the menu.

The two (main and sub) milonic styles are defined as:
Quote:
with(menuStyle2=new mm_style()){
onclass="menu-top-level-on";
offclass="menu-top-level-off";
separatorsize=0;
fontsize="100%";
fontstyle="normal";
fontweight="bold";
subimage="<?php echo $_CONF['layout_url']; ?>/glmenu/images/arrow2.gif";
subimagepadding=2;
}

with(menuStyle2Sub=new mm_style()){
onclass="menu-sub-level-on";
offclass="menu-sub-level-off";
separatorsize=0;
fontsize="75%";
fontstyle="normal";
fontweight="bold";
subimage="<?php echo $_CONF['layout_url']; ?>/glmenu/images/arrow.gif";
subimagepadding=2;
}


And the CSS code is:
Quote:
.menu-top-level-on {
background-color:#242e55;
color:white;
border-left-color:#666666;
border-top-color:#666666;
border-right-color:white;
border-bottom-color:white;
border-left-style:solid;
border-right-style:solid;
border-width:1px;
padding-left:4px;
padding-right:4px;
margin-right:8px;
}

a.menu-top-level-off, a.menu-top-level-off:visited, a.menu-top-level-off:link,
.menu-top-level-off {
background-color:#242e55;
color:#ddddff;
border-left-color:white;
border-top-color:white;
border-right-color:#666666;
border-bottom-color:#666666;
border-left-style:solid;
border-right-style:solid;
border-width:1;
padding-left:4px;
padding-right:4px;
}

a.menu-sub-level-off, a.menu-sub-level-off:visited, a.menu-sub-level-off:link,
.menu-sub-level-off {
background-color:#ebebeb;
border-left-color:white;
border-top-color:white;
border-right-color:#666666;
border-bottom-color:#666666;
color:#222288;
border-style:solid;
border-width:1;
padding-left:4px;
padding-right:4px;
margin-right:8px;
text-align:left;
}

a.menu-sub-level-on, a.menu-sub-level-on:visited, a.menu-sub-level-on:link,
.menu-sub-level-on {
background-color:#aaaaaa;
color:white;
border-left-color:#aaaaaa;
border-top-color:#666666;
border-right-color:#aaaaaa;
border-bottom-color:#aaaaaa;
border-style:solid;
border-width:1px;
padding-left:4px;
padding-right:4px;
margin-right:8px;
text-align:left;
}





Tech details: I'm running with 5.42 on Linux Redhat 9.

Any suggestions would be appreciated.

Jefficus


Poster: John
Dated: Friday August 20 2004 - 3:58:12 BST

Please keep in mind that Firefox is still in beta, and until they settle in to a stable final release there's not too much we can do.