While attempting to solve problems with tooltips I upgraded to 5.748 and found a couple of problems which weren't there with 5.747
The 'padding' area seems to apply twice - once around each menu item and once around the 'group' of menu items. (in 5.747 it was just around each menu item)
If I select the last item of a (vertical) menu, then the 'padding' area around the 'group' of menu items changes to the highlight colour, instead of the background colour.
(I've gone back to 5.747 for now)
Problem with 5.7.48
Problem with 5.7.48
Paul Smith
I can't post a URL as it's in an application not a website.
Try the attached file which shows the same behaviour for me
[/code]
(save this as 'testmenu.html')
Try the attached file which shows the same behaviour for me
Code: Select all
<html>
<head>
<SCRIPT language="JavaScript1.2" src="milonic_src.rjs" type="text/javascript"></SCRIPT>
<script language="JavaScript1.2" src="mmenudom.rjs" type="text/javascript"></script>
<script language='javascript1.2'>
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=50 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
//horizontalMenuDelay=true
buildAfterLoad=true;
with(MainMenuStyle=new mm_style()){
opendelay=1000;
onbgcolor="#142f6b";
oncolor="yellow";
offbgcolor="#CCCCCC";
offcolor="#000000";
borderwidth=0;
separatorcolor="#CCCCCC";
separatorsize=5;
padding=5;
fontsize="12px";
fontstyle="normal";
fontfamily="Verdana, Geneva, Arial, Helvetica, sans-serif";
pagecolor="#000000";
pagebgcolor="#009966";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
}
with(PopMenuStyle=new mm_style()){
onbgcolor="#CCCCCC";
oncolor="#000000";
offbgcolor="#142f6b";
offcolor="#ffffff";
bordercolor="#CCCCCC";
borderwidth=2;
separatorsize=0;
padding=1;
fontsize="12px";
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Geneva, Arial, Helvetica, sans-serif";
pagecolor="#000000";
pagebgcolor="#009966";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
with(milonic=new menuname("Main Menu")){
style=MainMenuStyle;
top=55;
left=0;
itemheight=30;
alwaysvisible=1;
orientation="horizontal";
position="absolute";
aI("text=Home;showmenu=test;");
}
with(milonic=new menuname("test")){
style=PopMenuStyle;
aI("text=test 1;url=testmenu.html?t=1;");
aI("text=Test 2;url=testmenu.html?t=2;");
}
drawMenus();
</script>
</head>
<body>
</body>
</html>(save this as 'testmenu.html')
Last edited by pscs on Mon Jun 12, 2006 5:19 pm, edited 1 time in total.
Paul Smith
Hi Andy,
If I understand the properties correctly, padding should put 'space' inside the item and margin should put it between the item and the menu border.
The easiest way to see what's happening is to add an offborder="1px solid #ff00ff"; to the PopMenuStyle and then change padding from 1 to 5 px. What happens is it adds padding to the item, but it also adds it between the item and the menu border as if a margin had also been added. I tried IE, FF, NN
Ruth
If I understand the properties correctly, padding should put 'space' inside the item and margin should put it between the item and the menu border.
The easiest way to see what's happening is to add an offborder="1px solid #ff00ff"; to the PopMenuStyle and then change padding from 1 to 5 px. What happens is it adds padding to the item, but it also adds it between the item and the menu border as if a margin had also been added. I tried IE, FF, NN
Ruth