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

Having trouble setting images as background


Poster: ARSNOnline
Dated: Thursday June 29 2006 - 18:38:59 BST

I've been using this product for a good year now and in changing up some things in my site, I decided to change the layout of the menu.

I was using just simple background colors, borders, etc. However, now, I'd like to use images.

I'm currently using version 5.748, dated June 8th, 2006.



I looked over the beginner Guide (http://www.milonic.com/beginner.php) and found that I wanted to utilize the background images section near the bottom of the page. However, I didn't do something correct I don't guess as it didn't affect my layout except for the text changes I made.

What am I doing wrong?



You can see the menu code at this URL: http://www.arsnonline.com and my menu_data.js code is below. Perhaps I need to remove something from this?

Any help is appreciated.
Ben




Code:
fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;




with(menuStyle=new mm_style()){
bordercolor="FFFFFF";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="89%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#993300";
offbgcolor="#cc3300";
offcolor="#ffffff";
onbgcolor="#cc3300";
oncolor="#e0e0e0";
outfilter="";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#993300";
pagecolor="#000000";
separatorcolor="#000000";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}

drawMenus();


Poster: Ruth
Dated: Thursday June 29 2006 - 21:25:02 BST

Hi,

First you need to upgrade to the newest version, 5.751. It really is necessary to keep up since minor bugs and new features are added regularly. Go to this topic http://www.milonic.com/forum/viewtopic.php?t=3108 and check the watch this topic box. You should then get an email when a new version is posted.

Next, put in the correct url for the images.

Code:
aI("text=Home;align=center;bgimage=home.gif;url=http://www.arsnonline.com;");
This says the bgimage url would be
Code:
http://www.arsnonline.com/arsn.gif
But, if you put that in your browser you get page not found.

Ruth


Poster: ARSNOnline
Dated: Thursday June 29 2006 - 21:27:14 BST

Cool, thanks for the prompt reply.

Would this work:

Code:
aI("text=Home;align=center;bgimage=menusys/home.gif;");


Poster: Ruth
Dated: Thursday June 29 2006 - 21:47:14 BST

Hi,

What will work is putting in the url that goes to where the image is.

So if that image is in that folder and that folder is right under your root directory, then yes, it will work.

As a suggestion, when I can't see images, the first thing I do is put in a full url for it and see if it shows up, that's just a check to make sure I have actually put the image in the folder where I've said I put it. :)

Ruth


Poster: ARSNOnline
Dated: Thursday June 29 2006 - 21:49:32 BST

Ok great, and last thing...

Do I need to remove all the background color and border properties for them not to appear over the background image or does the background image alawys overrule the background styles? If that makes sense, lol.


Poster: Ruth
Dated: Thursday June 29 2006 - 22:18:40 BST

As far as I know the bgimage will be what shows. I think many leave in the bgcolors in case the images don't show up there will be colors on the items.

Ruth