images maps in menu

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
pappy
Beginner
Beginner
Posts: 3
Joined: Thu Apr 07, 2005 6:32 pm

images maps in menu

Post by pappy »

Is it possible to put an image inside the menu and use with an image map?
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,
There are 3 samples using image maps, World Map, US Map, and Image Map. They use different ways to do the maps I think. These are not menus with which I'm familiar. Or are you asking if there's a way to put an image in the menu and make that image an image map?

Ruth
pappy
Beginner
Beginner
Posts: 3
Joined: Thu Apr 07, 2005 6:32 pm

image in menu

Post by pappy »

I am wanting to put an image in the menu. Then use it for an image map.
Is this possible?
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

This topic has been moved to the help and support for version 5 forum

I played around with this and yes you can do an image map inside the menu. However, to do this I made all the images the same size. I do not know if you can do such things as making them different sizes and then using valign=top and align=right inside the table coding in the menu, i.e.

Code: Select all

<td align=top><a href='page1.htm' target='new'><img src='image1.jpg' width='165' height='165' border='0' align=right></a></td> 
If all the images are the same size there is no problem. You'll have to test to see if it can be done and look OK if they are different sizes.

This is the code for the aI string I created in which there is a two row, two column table each cell with it's own image and link from that image

Code: Select all

aI("text=<table cellpadding=0 cellspacing=0 border=0><tr><td><a href='page1.htm' target='new'><img src='image1.jpg' width='165' height='165' border='0'></a></td><td><a href='page2.htm' target='new'><img src='image2.jpg' width='165' height='165' border='0'></a></td></tr><tr><td><a href='page3.htm' target='new'><img src='image3.jpg' width='165' height='165' border='0'></a></td><td><a href='page4.htm' target='new'><img src='image4.jpg' width='165' height='165' border='0'></a></td></tr></table>;title=this is an image map in a Milonic DHTML Menu;type=html;");
Note that the type=html must be in the aI string, this is to make sure the usual html links function. You do not need the title= section if you don't want it. I coded the links to open in a new window. If the page you are opening also has the menu, you could leave that out, if it doesn't you probably want the target='new' so the menu is still available.

This was tested in IE5.5, Opera 7.54, Netscape 4.79, Netscape 7, Firefox 1.0.2 and worked in all of them. I cannot test on a Mac.

I hope this helps.

Ruth
Post Reply