CSS Rollover/showhidelayers problem

[buggy_DW]

I have this bit of code (below) that I built out in dreamweaver. I am using
the exact same showhidelayers and div tags setup for the entire page, however
this one bit does not work right in firefox. I have an image, that image has
an image map that when you roll over pulls up and hidden layer on top of the
image. However the showhide flashes and will not stay on when the mouse is
inside the imagemap hotspot. The hidden layer keeps flashing on and off untill
the mouse is off the hotspot and then it goes back to being hidden. There is
another link on the page that pulls the same div tag and that works perfectly.
Idea's?

<-- HTML -->

<table align="left" bgcolor="#ffffff" border="0" cellpadding="0"
cellspacing="0" width="588">
<tr>
<td width="401" valign="top"><table width="100%"
border="0" cellpadding="15">
<tr>
<td valign="top"><div align="center">
<!-- Start animated Map -->
<div ID="location1" class="maps">
<table width="319" border="1" cellpadding="0" cellspacing="0"
bordercolor="#103658">
<tr>
<td><img
src="../images/sub/maps/woodCreek_ani.gif" alt="Map of Wood Creek and
surrounding area" width="319" height="319"></td>
</tr>
<tr>
<td><table width="100%" border="0"
cellspacing="0" cellpadding="12">
<tr>
<td valign="top"
class="bodyText"><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td width="22" valign="top"
align="center"><img src="../images/sub/maps/round_1.gif" alt="Number 1"
width="22" height="22"></td>
<td valign="top">Wood Creek Golf
Community<br>
Delmar, MD I Toll Free: 1.866.755.2727<br>
<span class="popupText">From the $160?s<br>
1325 ? 2488 sq. ft.<br>
2-3 bedrooms<br>
2-3 bathrooms</span>
</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</div>
<!-- stop animated map -->
<table width="319" border="1" cellpadding="0" cellspacing="0"
bordercolor="#103658">
<tr>
<td><img
src="../images/sub/maps/woodCreek.gif" alt="Map of Wood Creek and surrounding
area" width="319" height="319" border="0" usemap="#Map" id="Image1">
<map name="Map"><area shape="circle" coords="233,150,11"
href="../communityDetail.html"
onMouseOver="MM_showHideLayers('location1','','sho w');"
onMouseOut="MM_showHideLayers('location1','','hide ');">
</map></td>
</tr>
<tr>
<td><table width="100%" border="0"
cellspacing="0" cellpadding="12">
<tr>
<td valign="top"
class="bodyText"><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td width="22"
valign="top">&nbsp;</td>
<td valign="top">&nbsp;<br>
&nbsp;<br>
<span class="popupText">&nbsp;<br>
&nbsp;<br>
&nbsp;</span></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td><p class="bodyText">&nbsp;</p>
<p class="bodyText">&nbsp;</p>
<p class="bodyText"><a href="#top"><img
src="/images/sub/main/back_to_top.gif" alt="Back to the Top" width="87"
height="11" border="0"></a></p></td>
</tr>
</table>

<-- end HTML -->
<-- start Styles -->
.maps {
color:#FFFFFF;
background-color:#ffffff;
layer-background-color:#ffffff;
position:absolute;
top:244px;
left:227px;
width:319px;
height:431px;
z-index:99;
visibility:hidden;
}
<-- end styles -->

[Murray *TMM*]

Most likely the layer is appearing over top of the hotspot which masks the
hotspot and triggers the mouseout which hides the layer, etc., etc., etc.

Can you move the layer away from the hotspot?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"buggy_DW" <webforumsuser@macromedia.com> wrote in message
news:dnslc5$q16$1@forums.macromedia.com...

>I have this bit of code (below) that I built out in dreamweaver. I am
>using
> the exact same showhidelayers and div tags setup for the entire page,
> however
> this one bit does not work right in firefox. I have an image, that image
> has
> an image map that when you roll over pulls up and hidden layer on top of
> the
> image. However the showhide flashes and will not stay on when the mouse
> is
> inside the imagemap hotspot. The hidden layer keeps flashing on and off
> untill
> the mouse is off the hotspot and then it goes back to being hidden. There
> is
> another link on the page that pulls the same div tag and that works
> perfectly.
> Idea's?
>
> <-- HTML -->
>
> <table align="left" bgcolor="#ffffff" border="0" cellpadding="0"
> cellspacing="0" width="588">
> <tr>
> <td width="401" valign="top"><table width="100%"
> border="0" cellpadding="15">
> <tr>
> <td valign="top"><div align="center">
> <!-- Start animated Map -->
> <div ID="location1" class="maps">
> <table width="319" border="1" cellpadding="0" cellspacing="0"
> bordercolor="#103658">
> <tr>
> <td><img
> src="../images/sub/maps/woodCreek_ani.gif" alt="Map of Wood Creek and
> surrounding area" width="319" height="319"></td>
> </tr>
> <tr>
> <td><table width="100%" border="0"
> cellspacing="0" cellpadding="12">
> <tr>
> <td valign="top"
> class="bodyText"><table width="100%" border="0" cellspacing="0"
> cellpadding="2">
> <tr>
> <td width="22" valign="top"
> align="center"><img src="../images/sub/maps/round_1.gif" alt="Number 1"
> width="22" height="22"></td>
> <td valign="top">Wood Creek
> Golf
> Community<br>
> Delmar, MD I Toll Free: 1.866.755.2727<br>
> <span class="popupText">From the $160?s<br>
> 1325 ? 2488 sq. ft.<br>
> 2-3 bedrooms<br>
> 2-3 bathrooms</span>
> </td>
> </tr>
> </table>
> </td>
> </tr>
> </table></td>
> </tr>
> </table>
> </div>
> <!-- stop animated map -->
> <table width="319" border="1" cellpadding="0" cellspacing="0"
> bordercolor="#103658">
> <tr>
> <td><img
> src="../images/sub/maps/woodCreek.gif" alt="Map of Wood Creek and
> surrounding
> area" width="319" height="319" border="0" usemap="#Map" id="Image1">
> <map name="Map"><area shape="circle" coords="233,150,11"
> href="../communityDetail.html"
> onMouseOver="MM_showHideLayers('location1','','sho w');"
> onMouseOut="MM_showHideLayers('location1','','hide ');">
> </map></td>
> </tr>
> <tr>
> <td><table width="100%" border="0"
> cellspacing="0" cellpadding="12">
> <tr>
> <td valign="top"
> class="bodyText"><table width="100%" border="0" cellspacing="0"
> cellpadding="2">
> <tr>
> <td width="22"
> valign="top">&nbsp;</td>
> <td valign="top">&nbsp;<br>
> &nbsp;<br>
> <span class="popupText">&nbsp;<br>
> &nbsp;<br>
> &nbsp;</span></td>
> </tr>
> </table>
> </td>
> </tr>
> </table></td>
> </tr>
> </table>
> </div></td>
> </tr>
> <tr>
> <td><p class="bodyText">&nbsp;</p>
> <p class="bodyText">&nbsp;</p>
> <p class="bodyText"><a href="#top"><img
> src="/images/sub/main/back_to_top.gif" alt="Back to the Top" width="87"
> height="11" border="0"></a></p></td>
> </tr>
> </table>
>
> <-- end HTML -->
> <-- start Styles -->
> .maps {
> color:#FFFFFF;
> background-color:#ffffff;
> layer-background-color:#ffffff;
> position:absolute;
> top:244px;
> left:227px;
> width:319px;
> height:431px;
> z-index:99;
> visibility:hidden;
> }
> <-- end styles -->
>

[buggy_DW]

Yes I figured that was the cause but the showhidelayers nav I have setup works
just fine. I can't move the image because it opens up a window that adds more
information to the bottom of the table it's in (see code above).

[Murray *TMM*]

Then I don't think you can use this method.

Or perhaps do this. Show the layer with the hotspot. Hide the layer by an
onMouseOut event on the contents of the revealed layer. Then it won't
flicker.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"buggy_DW" <webforumsuser@macromedia.com> wrote in message
news:dnsql9$4m2$1@forums.macromedia.com...

> Yes I figured that was the cause but the showhidelayers nav I have setup
> works
> just fine. I can't move the image because it opens up a window that adds
> more
> information to the bottom of the table it's in (see code above).
>