See Website Mouseover link doesn't open some DIVlayers.

[bicycleyguy]

Hi!

Can somebody please tell me why certain div layers show up while others don't
when mousing over the menu. I have attached the code and also posted the
offending page at [url]http://yrchlaw.com/miscpages/gtrtext-nojava_layers.htm[/url] Mouse
over the menu on the left and the corresponding text will load into the layer
but as you will, many don't. (Health Insurance, Patient Safety, etc.)

Thanks!

Greg

[Murray *TMM*]

It could be the multiple use of the same ID -

<div id="Layer1" style="position:absolute; left:542px; top:33px;
width:590px; height:497px; z-index:1; background-color: #00CCFF;
layer-background-color: #00CCFF; border: 1px none #000000; visibility:
hidden;"></div>
<div id="Layer1" style="position:absolute; left:542px; top:33px;
width:590px; height:497px; z-index:1; background-color: #00CCFF;
layer-background-color: #00CCFF; border: 1px none #000000; visibility:
hidden;"></div>
<div id="Layer1" style="position:absolute; left:542px; top:33px;
width:590px; height:497px; z-index:1; background-color: #00CCFF;
layer-background-color: #00CCFF; border: 1px none #000000; visibility:
hidden;"></div>
<div id="Layer1" style="position:absolute; left:542px; top:33px;
width:590px; height:497px; z-index:1; background-color: #00CCFF;
layer-background-color: #00CCFF; border: 1px none #000000; visibility:
hidden;"></div>

at the top of the page?

I have to say that I think this is a very bad way to layout the page. First
of all - do you have to pass some kind of accessibility guidelines?
Secondly, since you have used hidden layers for *all* the content on the
page, you have a hefty page that is -

Total HTTP Requests: 3
Total Size: 98313 bytes

Object Size Totals
Object type Size (bytes)
HTML: 97225
HTML Images: 0
CSS Images: 0
Total Images: 0
Javascript: 0
CSS: 1088
Multimedia: 0
Other: 0


Next, as the visitor increases their text size in the browser, you get an
overlapping mess (I already get that in FF). I just don't like it....

Finally, the problem you are seeing is caused by duplication of names. See
for example, this markup (which works) -

<div id="over" style="position:absolute; left:542px; top:33px; width:590px;
height:497px; z-index:1; background-color: #00CCFF; layer-background-color:
#00CCFF; border: 1px none #000000; visibility: hidden;">
<p class="GTRHeaders"><a name="overview"></a>An Overview, and an
Introduction</p>

Note that the div is named with id="over" while the named anchor is named
with name="overview" - no duplication there.

On the other hand this markup -

<div id="health" style="position:absolute; left:542px; top:33px;
width:590px; height:497px; z-index:1; background-color: #00CCFF;
layer-background-color: #00CCFF; border: 1px none #000000; visibility:
hidden;">
<p class="NuBodyBK">&nbsp; </p>
<p class="NuBody"><br>
<span class="GTRHeaders"><a name="health"></a>Health
Insurance</span></p>

shows that your div has id="health" *and* the named anchor has
name="health", and that's the one that fails. The same would be true for
this one that fails, too -

<div id="patient" style="position:absolute; left:542px; top:33px;
width:590px; height:497px; z-index:1; background-color: #00CCFF;
layer-background-color: #00CCFF; border: 1px none #000000; visibility:
hidden;">
<p class="GTRHeaders"><a name="patient"></a>PATIENT SAFETY</p>


--
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
==================


"bicycleyguy" <webforumsuser@macromedia.com> wrote in message
news:dlnrb7$h61$1@forums.macromedia.com...

> Hi!
>
> Can somebody please tell me why certain div layers show up while others
> don't
> when mousing over the menu. I have attached the code and also posted the
> offending page at [url]http://yrchlaw.com/miscpages/gtrtext-nojava_layers.htm[/url]
> Mouse
> over the menu on the left and the corresponding text will load into the
> layer
> but as you will, many don't. (Health Insurance, Patient Safety, etc.)
>
> Thanks!
>
> Greg
>