Hi,
I have a relative position menu and 2 levels of submenu's working fine, until I resize the browser window. The main menu relative position is still OK, but the submenus stay fixed in the relative position they were originally loaded in. Any suggestions on how to fix?
Thanks,
Peg
Version with all menu data in a single file: http://www.simkoeyedesign.com
Version with menu data split into 2, which had no effect: http://www.simkoeyedesign.com/testarea/
_scrollAmount=5; // Used for Netscape 4 scrolling
_scrollDelay=10; // Used for Netscape 4 scrolling
_menuCloseDelay=500; // The delay for menus to remain visible on mouse off
_menuOpenDelay=150; // The delay for opening menus on mouse over
_subOffsetTop=0; // Sub menu offset Top position
_subOffsetLeft=0; // Sub menu offset Left position
treeOffset=17; // Used to set the offset of sub menus
singleMasterMenu=true; // Informs the system to only have one menu open at a time
with(tstyle1=new mm_style()){
offcolor="#FFFFFF";
oncolor="#F7CF2F";
decoration="none";
ondecoration="none";
fontfamily="verdana,arial,tahoma";
fontsize="12px";
fontweight="normal"
type="tree";
separatorsize=5;
separatorcolor="transparent";
subimage="images/tree_trans.gif"
subimageposition="top left";
}
with(tstyle2=new mm_style()){
offcolor="#000000";
oncolor="#F7CF2F";
decoration="none";
ondecoration="none";
fontfamily="verdana,arial,tahoma";
fontsize="11px";
fontweight="normal"
type="tree";
subimage="images/tree_trans.gif"
subimageposition="top left";
}
drawMenus();
with(new menuname("TableOfContents")){
style=tstyle1;
alwaysvisible=1;
position="relative";
aI("text=Home;url=home-page-details.html;onfunction=pageid('images/topbanner-home.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=treeNoGuide;clickclass=treeNoGuide;");
aI("text=Services;url=services.html;onfunction=pageid('images/topbanner-services.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=treeNoGuide;clickclass=treeNoGuide;");
aI("text=Clients;url=clients.html;onfunction=pageid('images/topbanner-clients.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=treeNoGuide;clickclass=treeNoGuide;");
aI("text=Portfolio;url=portfolio.html;onfunction=pageid('images/topbanner-portfolio.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=Portfolio;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text=Contact;url=contact.html;onfunction=pageid('images/topbanner-contact.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=treeNoGuide;clickclass=treeNoGuide;");
}
with(new menuname("Portfolio")){
style=tstyle1;
aI("text=Web Sites;url=portfolio-web.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=WebDesign;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text=Identity;url=portfolio-identity.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=Identity;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text=Print;url=portfolio-print.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=Print;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text=Trade Shows;url=portfolio-tradeshow.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=TradeShow;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text= ;");
}
with(milonic=new menuname("Identity")){
style=tstyle2;
aI("text=Acteon Technologies;url=portfolio-identity-acteon.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Agilent Technologies;url=portfolio-identity-agilent.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Allard Group;url=portfolio-identity-allard.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Broadview, Inc.;url=portfolio-identity-broadview.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Delicato Café;url=portfolio-identity-delicato.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=EKW, Inc.;url=portfolio-identity-ekw.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Hi.Impact<br> Communications;url=portfolio-identity-hiimpact.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image=images/tree_middle_arrow_long.gif;offclass=TreeItemBranchLong;");
aI("text=Hewlett-Packard Co;url=portfolio-identity-hp.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Mass Aquaculture;url=portfolio-identity-massaquaculture.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Mongoose<br> Landscaping;url=portfolio-identity-mongoose.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image=images/tree_middle_arrow_long.gif;offclass=TreeItemBranchLong;");
aI("text=Phillips Medical<br> Systems;url=portfolio-identity-phillips.html;target=portfolioarea;onfunction=pageid('images/topbanner-portfolio-identity.gif');targetfeatures=width=650,height=100%,status,scrollbars,resizable;image=images/tree_middle_arrow_long.gif;offclass=TreeItemBranchLong;");
aI("text=The Picot Company;url=portfolio-identity-picot.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Silverstone Club;url=portfolio-identity-silverstone.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image= images/tree_end_no_arrow.gif;offclass=treeEndNoArrow;");
}
with(milonic=new menuname("Print")){
style=tstyle2;
aI("text=brochure;url=portfolio-print-brochure-silverstone.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=direct mail;url=portfolio-print-directmail-hp.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=corporate brochure;url=portfolio-print-brochure-hp.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=calendar;url=portfolio-print-calendar-hp.html;target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=advertisement;url=portfolio-print-advertisement-agilent.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=product sheets;url=portfolio-print-productsheets-neteos.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=product brochure;url=portfolio-print-productbrochure-xevo.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=direct mail;url=portfolio-print-directmail-agilent.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=data sheet;url=portfolio-print-datasheet-webline.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=newsletter;url=portfolio-print-newsletter-hp.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=direct mail;url=portfolio-print-directmail-hp2.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image= images/tree_end_no_arrow.gif;offclass=treeEndNoArrow;");
}
with(milonic=new menuname("TradeShow")){
style=tstyle2;
aI("text=10 foot banner;url=portfolio-tradeshow-banner-cisco.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=booth graphics;url=portfolio-tradeshow-booth-icsg.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=signage;url=portfolio-tradeshow-signage-cisco.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=logo and T-shirt;url=portfolio-tradeshow-tshirt-philips.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=6 foot panels;url=portfolio-tradeshow-panels-philips.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=poster;url=portfolio-tradeshow-poster-agilent.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=event schedules;url=portfolio-tradeshow-event-agilent.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=poster;url=portfolio-tradeshow-poster-compaq.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image= images/tree_end_no_arrow.gif;offclass=treeEndNoArrow;");
}
with(milonic=new menuname("WebDesign")){
style=tstyle2;
aI("text=DECCO, Inc.;url=portfolio-web-decco.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Deiana Group;url=portfolio-web-deiana.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Delicato Cafe;url=portfolio-web-delicato.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=DENS Facility Services;url=portfolio-web-densfs.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=DPS, Inc.;url=portfolio-web-dps.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=IBDSS;url=portfolio-web-ibdss.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=PegDoyle.com;url=portfolio-web-pegdoyle.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Picot Company;url=portfolio-web-picot.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Radianse;url=portfolio-web-radianse.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Silverstone Club;url=portfolio-web-silverstone.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Stevens Estate<br> at Osgood Hill;;url=portfolio-web-stevens.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;;image=images/tree_end_arrow_long.gif;offclass=treeEndNoArrowLong;");
}
drawMenus();
Resize browser, submenu problem
Re: Resize browser, submenu problem
Hi,
Just to let you know I'm working on this. I'll get back to you
Ruth
Just to let you know I'm working on this. I'll get back to you
Ruth
Re: Resize browser, submenu problem
Hi,
Well, there seems to be nothing I can do on this. I tried putting in position="absolute"; in the submenus which does make it do that a bit less. Also, I tried putting in margin-left:40px; in your css body tag for margins and it did prevent the submenus from shifting way beyond the table cell to the left side, it only kind of moves to the right, actually it is the table that is moving. I am still seeing if I can figure a way to make it so that even with that happens its not a startling issue.
Ruth
Well, there seems to be nothing I can do on this. I tried putting in position="absolute"; in the submenus which does make it do that a bit less. Also, I tried putting in margin-left:40px; in your css body tag for margins and it did prevent the submenus from shifting way beyond the table cell to the left side, it only kind of moves to the right, actually it is the table that is moving. I am still seeing if I can figure a way to make it so that even with that happens its not a startling issue.
Ruth
Re: Resize browser, submenu problem
Thanks Ruth. I'll start playing with the tables more - perhaps I can bring a nested table up a level. Peg
Also - I am playing around with the version in /testarea/, so it changes occasionally. I'm going to recommend a fixed position menu until the problem gets solved.
Also - I am playing around with the version in /testarea/, so it changes occasionally. I'm going to recommend a fixed position menu until the problem gets solved.
Last edited by PegDoyle on Wed Sep 24, 2008 4:14 pm, edited 1 time in total.
Re: Resize browser, submenu problem
I will also continue playing and see what I can figure out.
Ruth
Ruth
Re: Resize browser, submenu problem
Removing nested table had no effect Site now changed to fixed position, but I made a copy of the original problem at http://www.simkoeyedesign.com/navigation.