Having trouble setting images as background

[ARSNOnline]

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://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: Select all

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();

[Ruth]

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 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: Select all

aI("text=Home;align=center;bgimage=home.gif;url=http://www.arsnonline.com;");

This says the bgimage url would be

Code: Select all

http://www.arsnonline.com/arsn.gif

But, if you put that in your browser you get page not found.

Ruth

[ARSNOnline]

Cool, thanks for the prompt reply.

Would this work:

Code: Select all

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

[Ruth]

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

[ARSNOnline]

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.

[Ruth]

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