can I use images in v3.3.11

run4it · Post by **run4it** » Tue Jul 29, 2003 11:39 pm

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!

kevin3442 · Post by **kevin3442** » Wed Jul 30, 2003 12:20 am

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,

Kevin

run4it · Post by **run4it** » Wed Jul 30, 2003 12:29 am

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
,"ITEIP","show-menu=iteip",,"",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

kevin3442 · Post by **kevin3442** » Wed Jul 30, 2003 5:52 am

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:

Code: Select all

,"<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,

Kevin

run4it · Post by **run4it** » Wed Jul 30, 2003 4:51 pm

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
,"ITEIP","show-menu=iteip",,"",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.

run4it · Post by **run4it** » Wed Jul 30, 2003 5:49 pm

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!

Sorry!