Hi Imar,
I viewed the "list of code downloads" and found "Beginning Dreamweaver MX 2004," but the download is the .rar file for images and the first index.htm file used in the book, not the code. Am I missing something? I checked the Wiley Publishing site, and the book is not listed.
I'm still having a problem viewing the Regions.htm (Chapter 5 - pgs 173-185) in all latest version browsers (IE, Netscape, Foxfire).
Something is obviously wrong with my code because the 3 menu items and maps appear at upper left of viewer. You referred me to
http://p2p.wrox.com/topic_id=17280, but I can't tell what part of my code I should change.
Here's what I have:
<div id="usaMap" style="position:absolute; left:300; top:150; width:200; height:200; z-index:1; visibility: visible;"><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: visible;"><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: visible;"><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; visibility: visible;"><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>
Also, in my index.htm page, the News pop-up (onMouseOver) appears top left when viewed in any of 3 viewers:
<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>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="thecookingplace/Images/topbkg.gif">
<tr>
<td width="50%"><img src="thecookingplace/Images/topleft.gif" width="290" height="51" /></td>
<td width="50%"><div align="center"><strong><span class="style1">The Cooking Place </span></strong></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="257" valign="top" background="thecookingplace/Images/sidebkg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="257" valign="top"><img src="thecookingplace/Images/topleft2.gif" width="257" height="112" /></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top" background="thecookingplace/Images/rightsidebkg.gif"><img src="thecookingplace/Images/topleft3.gif" width="195" height="75" /><br />
<img src="thecookingplace/Images/home_over.gif" width="181" height="31" /><br />
<a href="news.htm" onmouseover="MM_showHideLayers('newsLinkinfo','',' show')" onmouseout="MM_showHideLayers('newsLinkinfo','','h ide')"><img src="thecookingplace/Images/news_over.gif" alt="News" name="newsButton" width="181" height="31" border="0" id="newsButton" />
</a>
I'm not trying to do anything unusual here. What do you suppose is wrong? Any help will be GREATLY appreciated!
M Peterson
To err is human; to really foul things up requires a computer.
Code?
