Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

position layer relative to current moused over image

Participant ,
Aug 04, 2008 Aug 04, 2008
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
TOPICS
Server side applications
393
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 04, 2008 Aug 04, 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
>

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Aug 04, 2008 Aug 04, 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
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 04, 2008 Aug 04, 2008
LATEST
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
>

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines