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: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:23

can I use images in v3.3.11

Poster: run4it
Dated: Tuesday July 29 2003 - 23:39:57 BST

I've used v3.3.11 a few times and am comfortable with editing it to change the "look and feel" of menus. But now I want to try to make my highest level menu item an image. Is there a way to edit the code to make the menu item an image instead of text?

Thank you!

Poster: kevin3442
Dated: Wednesday July 30 2003 - 0:20:09 BST

There are a couple of ways. The easiest would be to use an <img> tag instead of text. You'll find various examples on the Milonic website. This one might be the best for your purposes. Check the Samples menu at the top of the page for more.

Also worth noting that you can upgrade to 3.5.15 without having to re-write your menu arrays.

Hope that helps,


Poster: run4it
Dated: Wednesday July 30 2003 - 0:29:49 BST

I guess I don't understand where I would put that img tag.

My menus right now look like this:
,"Program Support","show-menu=program",,"",1
,"Analysis & Informationshow-menu=analysis",,"",1
,"Quality Assurance","show-menu=quality",,"",1

so if I was to put an image tag in instead of the text it would look like this:
,"<img src="graphics/arrow3.gif">","show-menu=director",,"",1

or this
,<img src="graphics/arrow3.gif">,"show-menu=director",,"",1

neither of which work. Help please

Poster: kevin3442
Dated: Wednesday July 30 2003 - 5:52:51 BST

I believe I see both problems (future reference for this web board: you forgot to disable html in your message, so your example code didn't come through in your message; it wants to actually display an image... best to disable html or to put the example code inside of BBCode "code" tags. I was, however, able to see what you wrote by viewing the source of this page).

In the first case, you have a double quote problem. The quotes around the image file path and name are not needed. In the second case, the lack of quotes around the menu item text causes the problem. Try this:
,"<img src=graphics/arrow3.gif border=0>","show-menu=director",,,1

The border=0 part should prevent an unwanted image border in some older browsers. If you feel better using quotes around the image name, try single quotes instead of double.

Hope that helps,


Poster: run4it
Dated: Wednesday July 30 2003 - 16:51:21 BST

HI Kevin,
Thanks for trying to help me, but I still can't get an image to display.

Here is my menu code:

,"<img src='graphics/arrow3.gif' border='0'>","show-menu=director",,,1
,"Program Support","show-menu=program",,"",1
,"Analysis & Information","show-menu=analysis",,"",1
,"Quality Assurance","show-menu=quality",,"",1

The first item, where I have tried to put in the img tag does not show. Instead "Program Support" is the first menu item. Thanks for the tip about disabling the HTML.

Poster: run4it
Dated: Wednesday July 30 2003 - 17:49:17 BST

I'm so blind! I just realized that the sample image I was experimenting with is the same color as the background (I had just grabbed my little arrow to play with) and so it just wasn't showing!