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

position layer relative to current moused over image

Participant ,
Aug 04, 2008 Aug 04, 2008

Copy link to clipboard

Copied

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

Views

386
Translate

Report

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

Copy link to clipboard

Copied

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
>

Votes

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Report

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

Copy link to clipboard

Copied

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
>

Votes

Translate

Report

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