I was able to construct all the layers in the regions.htm page, with behaviors working correctly. The problem is, when viewed in my browser (IE 6.0), the layers are not placed properly. The regMenu layer appears at the top left, with each map (when clicked) appearing directly below the regMenu in the upper left of the page, instead of in the body. Also, the newsLinkinfo box in index.htm does the same thing in the viewer -- top left, instead of next to the News menu button. I thought I followed all instructions "to a tee."

Following is the code for that portion of regions.htm:

<div id="usaMap" style="position:absolute; left:300; top:150; width:200; height:200; z-index:1; visibility: hidden;"><img src="thecookingplace/Images/USA.gif" width="200" height="200" /></div>
<div id="italyMap" style="position:absolute; left:300; top:150; width:200; height:200; z-index:2; visibility: hidden;"><img src="thecookingplace/Images/Italy.gif" width="200" height="200" /></div>
<div id="franceMap" style="position:absolute; left:300; top:150; width:200; height:200; z-index:3; visibility: hidden;"><img src="thecookingplace/Images/France.gif" width="200" height="200" /></div>
<div id="regMenu" style="position:absolute; left:350; top:100; width:415; height:35px; z-index:4;"><a href="javascript:;" onclick="MM_showHideLayers('usaMap','','hide','ita lyMap','','show','franceMap','','hide','regMenu',' ','show')"><img src="thecookingplace/Images/italyButton.gif" width="136" height="31" border="0" /></a><a href="javascript:;" onclick="MM_showHideLayers('usaMap','','show','ita lyMap','','hide','franceMap','','hide','regMenu',' ','show')"><img src="thecookingplace/Images/usaButton.gif" width="136" height="31" border="0" /></a><a href="javascript:;" onclick="MM_showHideLayers('usaMap','','hide','ita lyMap','','hide','franceMap','','show','regMenu',' ','show')"><img src="thecookingplace/Images/frenchButton.gif" width="136" height="31" border="0" /></a></div>
<script language="JavaScript1.2">mmLoadMenus();</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="thecookingplace/Images/topbkg.gif">
  <tr>

Code for problem area of index.htm:

<div id="newsLinkinfo" style="position:absolute; left:200; top:280; width:250; height:50; z-index:1; background-color: 999999; layer-background-color: 999999; border: 1px none #000000; visibility: hidden;">
  <p class="link_info">A page of news and events from around the culinary world</p>
</div>





M Peterson
To err is human; to really foul things up requires a computer.

__________________
M Peterson
To err is human; to really foul things up requires a computer.

Hi there,

Does this help: http://p2p.wrox.com/topic.asp?TOPIC_ID=17280 ??


Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to: Compound by Ed Rush & Optical (Track 6 from the album: Wormhole #1) What's This?

Thanks, Imar. I have printed the page you referenced and will read it carefully. Thanks a bunch!


M Peterson
To err is human; to really foul things up requires a computer.

Hi Imar --

I'm sorry, I posted a new message when I should have replied to this one -- but I couldn't find the original.

Anyway, I'm still having the same problem in all 3 browsers (EI, Netscape, Firefox). Reading your reference didn't help me, because it's over my head, and I couldn't relate Donner9x's problem to mine.

If you have any further suggestions (other than my dropping Dreamweaver), please let me know.




M Peterson
To err is human; to really foul things up requires a computer.

Yes, I have, but I posted them here in your new thread: http://p2p.wrox.com/topic.asp?TOPIC_ID=33093

If you zip the site and send it to me, I can take a look. Please include only the relevant pages and files (images etc) so I don't have to wade through large amount of irrelevant code to find the problem.

Also, please describe the behavior / problem you're having as detailed as possible.

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.