Chapter 5 Image Mapping

hevy_chevy · December 1st, 2004, 11:47 PM

Im having problems in chapter 5, i have put the hotspots on the italyMap and put all the info in and saved it but when i open it in a browser it shows the italy map and when i click on the usa or france button it does not bring up those maps even when i close the eye in the layers menu for the italy map.

Sorry if someone has already posted this question i couldnt find it if it has been posted already.

Thank you for any help you can give me.

Nick

hevy_chevy · December 1st, 2004, 11:54 PM

Sorry i forgot to mention it's in Beginning Dreamweaver MX 2004 book.

Nick

Imar · December 2nd, 2004, 03:27 AM

Hi Nick,

Take a look at this thread: http://p2p.wrox.com/topic.asp?TOPIC_...erms=italy,map

You may have exactly the same problem....

Cheers,

Imar

hevy_chevy · January 6th, 2005, 03:23 AM

Thank you very much for your reply sorry i havent replied earlier i havent really been able to get on. i did look to see if someone else asked the same question but i couldnt find it lol so thank you for your help

hevy_chevy · January 6th, 2005, 04:02 AM

I have just tried what you said in that thread and for some reason the usa and the french map show up when i open it in a web site but for some reason the italy map wont i dont know what ive done wrong ill show the code on here if you like and if you have time to look at it that would be very helpful. Im still new at this this is the first time ive ever used dreamweaver let alone any web design program.

<body onload="MM_preloadImages('Images/regions_over.gif','Images/home_over.gif','Images/news_over.gif','Images/contact_over.gif')">
<div id="usaMapOuter" style="position:absolute; left:300px; top:150px; width:200px; height:200px; z-index:1; visibility: hidden;"><img src="Images/USA.gif" alt="" width="200" height="200" /></div>
<div id="franceMapOuter" style="position:absolute; left:300px; top:150px; width:200px; height:200px; z-index:2; visibility: hidden;"><img src="Images/France.gif" alt="" width="200" height="200" /></div>
<div id="italyMapOuter" style="position:absolute; left:300px; top:150px; width:200px; height:200px; z-index:3; visibility: hidden;"><img src="Images/Italy.gif" alt="" width="200" height="200" border="0" usemap="#italyMap" />
  <map name="italyMapOuter" id="italyMapOuter">
    <area shape="rect" coords="2,34,102,107" href="#" onmouseover="MM_setTextOfLayer('mapText','','%3Ch1 %3ENorthern Italy%3C/h1%3E%0D%0A%3Cp%3ENorthern Italy cuisine is influenced by many cultures. Its rich soil gives us fine wine and cheeses.%0D%0A%3C/p%3E')" onmouseout="MM_setTextOfLayer('usaMap','','')" />
    <area shape="rect" coords="105,59,176,135" href="#" onmouseover="MM_setTextOfLayer('mapText','','%3Ch1 %3ESouthern Italy%3C/h1%3E%0D%0A%3Cp%3EThe cuisine of Southern Italy is characterised by olives, ripe tomatoes, and citrus fruit.%3C/p%3E')" onmouseout="MM_setTextOfLayer('mapText','','')" />
  </map>
</div>
<div id="regMenu" style="position:absolute; left:350px; top:100px; width:415px; height:35px; z-index:4"><img src="Images/italyButton.gif" width="136" height="31" onclick="MM_showHideLayers('usaMapOuter','','hide' ,'franceMapOuter','','hide','italyMapOuter','','sh ow','regMenu','','show','mapText','','show')" /><img src="Images/usaButton.gif" width="136" height="31" onclick="MM_showHideLayers('usaMapOuter','','show' ,'franceMapOuter','','hide','italyMapOuter','','hi de','regMenu','','show')" /><img src="Images/frenchButton.gif" width="136" height="31" onclick="MM_showHideLayers('usaMapOuter','','hide' ,'franceMapOuter','','show','italyMapOuter','','hi de','regMenu','','show')" /></div>
<div id="mapText" style="position:absolute; left:535px; top:175px; width:200px; height:200px; z-index:5"></div>

Sorry if this is a bother but ive tried changing it and as i said im new to this so im sure its something easy i just cant see it lol. If i do figure it out i will tell you.

Thank you for all your help

Nick

hevy_chevy · January 6th, 2005, 04:07 AM

i forgot to say i tried the changes that you said needed to be done and thats what i posted there.
Nick

hevy_chevy · January 6th, 2005, 04:50 AM

Ok now i wouldnt have a clue what i have done but it seems to be working now lol even with the text and everything. thanks for your help anyway.