Skip to main content
Inspiring
August 4, 2008
Question

position layer relative to current moused over image

  • August 4, 2008
  • 3 replies
  • 414 views
I will be creating a layer to show up onmouseover of any thumbnail image of color swatches. How do I position the layer to appear directly above any current moused over thumbnail image?

Page example:
http://www.canchair.com/new_web_product_detail.asp?ProductID=450&ProductFamily=1&ProductFamilySub=9
This topic has been closed for replies.

3 replies

Inspiring
August 4, 2008
A "layer" is just an absolutely positioned element on the page. In my
example, the "layer" would be the paragraph tag that contains the text about
the image. Try putting that code on a page in various locations and look to
see where the paragraph appears.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"aonefun" <webforumsuser@macromedia.com> wrote in message
news:g77g4v$4gc$1@forums.macromedia.com...
> I'm not sure if I understand correctly because where does my layer come
> into
> the picture?
>
> correct page link follows (please rollover the vinyl colour swatch to see
> what
> I mean thanks!):
>
> http://www.canchair.com/new_web_product_detail.asp?ProductID=450&ProductFamily=1
> &ProductFamilySub=9
>

aonefunAuthor
Inspiring
August 4, 2008
I'm not sure if I understand correctly because where does my layer come into the picture?

correct page link follows (please rollover the vinyl colour swatch to see what I mean thanks!):
http://www.canchair.com/new_web_product_detail.asp?ProductID=450&ProductFamily=1&ProductFamilySub=9
Inspiring
August 4, 2008
Wrap the image in a relatively positioned div, e.g.,

<div style="position:relative;">

This will set the positioning context for any absolutely positioned element
included within that wrapper, e.g.,

<div style="position:relative;">
<img ...>
<p style="position:absolute;top:-50px;left:150px;">This will say something
about the image</p>
</div>

Try that code and see how it looks.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"aonefun" <webforumsuser@macromedia.com> wrote in message
news:g77b8n$sbn$1@forums.macromedia.com...
>I will be creating a layer to show up onmouseover of any thumbnail image of
> color swatches. How do I position the layer to appear directly above any
> current moused over thumbnai image?
>
> Page example:
>
> http://www.canchair.com/new_web_product_detail.asp?ProductID=450&amp;Product
> Family=1&ProductFamilySub=9
>