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:04
right border is missing from one header item
Poster: bijoux
Dated: Thursday November 11 2004 - 8:24:33 GMT
I have put the menu together and it works great!
Except now on the last header item the right border is missing in IE 6 and in Netscape 7.2 the border is there and there is some strange gap on the right between the item and border.
url http://www.dwellingspace.ca/test/contac ... gspace.htm
my menu is two separate files:
menu_main.js
Code:
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=100;
left=50;
alwaysvisible=1;
position="relative";
orientation="horizontal";
aI("text=home;url=http://www.dwellingspace.ca/test/index.html;status=Back To Home Page;oncolor=white;offcolor=white;offbgcolor=#85898A;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=about us;showmenu=About;oncolor=white;offcolor=white;offbgcolor=#CCC800;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=our services;showmenu=Services;oncolor=white;offcolor=white;offbgcolor=#FE5815;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=conversation;showmenu=Conversation;oncolor=white;offcolor=white;offbgcolor=#85898A;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=contact;url=http://www.dwellingspace.ca/test/contact_dwellingspace.htm;;status=Contact Us;oncolor=white;offcolor=white;offbgcolor=#5EC0BA;rawcss=border-top: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;");
}
drawMenus();
style=menuStyle;
top=100;
left=50;
alwaysvisible=1;
position="relative";
orientation="horizontal";
aI("text=home;url=http://www.dwellingspace.ca/test/index.html;status=Back To Home Page;oncolor=white;offcolor=white;offbgcolor=#85898A;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=about us;showmenu=About;oncolor=white;offcolor=white;offbgcolor=#CCC800;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=our services;showmenu=Services;oncolor=white;offcolor=white;offbgcolor=#FE5815;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=conversation;showmenu=Conversation;oncolor=white;offcolor=white;offbgcolor=#85898A;rawcss=border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;");
aI("text=contact;url=http://www.dwellingspace.ca/test/contact_dwellingspace.htm;;status=Contact Us;oncolor=white;offcolor=white;offbgcolor=#5EC0BA;rawcss=border-top: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;");
}
drawMenus();
menu_data.js
Code:
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150 // The time delay before menus open on mouse over
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
with(menuStyle=new mm_style()){
align="center"
separatorcolor="transparent";
separatorsize="1";
separatorpadding=9;
itemwidth="75px"
fontsize="70%";
fontstyle="bold";
fontfamily="Arial, Verdana, Tahoma";
pagecolor="white";
headercolor="#000000";
headerbgcolor="#ffffff";
overfilter="Alpha(opacity=80)";
}
with(About=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}
with(Services=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}
with(Conversation=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}
with(milonic=new menuname("About")){
style=About;
onbgcolor="#CCC800";
offbgcolor="#DCE9F0";
margin=10;
aI("text=design approach;url=http://www.dwellingspace.ca/test/about_dwellingspace.htm;");
aI("text=what others say;url=#;");
}
with(milonic=new menuname("Services")){
style=Services;
margin=10;
aI("text=architectural design;url=url=#;");
aI("text=interior decor;url=url=#;");
aI("text=home organization;url=url=#;");
}
with(milonic=new menuname("Conversation")){
style=Conversation;
margin=10;
aI("text=your stories;url=http://www.a-q.co.uk/;status=(aq) Web Server Hosting & Services;");
aI("text=tips;url=#;");
aI("text=links;url=url=#;");
}
drawMenus();
_menuOpenDelay=150 // The time delay before menus open on mouse over
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
with(menuStyle=new mm_style()){
align="center"
separatorcolor="transparent";
separatorsize="1";
separatorpadding=9;
itemwidth="75px"
fontsize="70%";
fontstyle="bold";
fontfamily="Arial, Verdana, Tahoma";
pagecolor="white";
headercolor="#000000";
headerbgcolor="#ffffff";
overfilter="Alpha(opacity=80)";
}
with(About=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}
with(Services=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}
with(Conversation=new mm_style()){
onbgcolor="#939BA1";
oncolor="white";
offbgcolor="#EFF1F2";
offcolor="#7E8080";
bordercolor="#666666";
borderstyle="solid";
borderwidth=1;
separatorcolor="white";
separatorsize="1";
padding=0;
fontsize="70%";
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Verdana, Tahoma";
overfilter="Alpha(opacity=70)";
}
with(milonic=new menuname("About")){
style=About;
onbgcolor="#CCC800";
offbgcolor="#DCE9F0";
margin=10;
aI("text=design approach;url=http://www.dwellingspace.ca/test/about_dwellingspace.htm;");
aI("text=what others say;url=#;");
}
with(milonic=new menuname("Services")){
style=Services;
margin=10;
aI("text=architectural design;url=url=#;");
aI("text=interior decor;url=url=#;");
aI("text=home organization;url=url=#;");
}
with(milonic=new menuname("Conversation")){
style=Conversation;
margin=10;
aI("text=your stories;url=http://www.a-q.co.uk/;status=(aq) Web Server Hosting & Services;");
aI("text=tips;url=#;");
aI("text=links;url=url=#;");
}
drawMenus();
Hopefully you can tell me where I went wrong
Thanks for a fantastic menu,
bijoux
Poster: fredlongworthhighschool
Dated: Friday November 12 2004 - 13:46:13 GMT
What happens if you add in an extra button after 'contact'?
Poster: bijoux
Dated: Friday November 12 2004 - 19:38:51 GMT
Very good call . .
I added a button after 'contact' and it did the trick so I made the new button transparent and it seems to be working now.
http://www.dwellingspace.ca/test/about_ ... gspace.htm
Thanks for helping me