Sent by Brian V Bonini on 19 July 2004 16:04
On Sun, 2004-07-18 at 19:51, Adam Kuehn wrote:
> Brian V Bonini wrote:
>
> >The anchor AND mouseover event handlers are only active where the image
> >would NORMALLY have been in the document before off-setting its margins.
> >I.e., the "hot spots" are where the image/anchor would be if img#* were
> >not set.
> >
> >Markup:
> >
> ><div id="links">
> ><a href="sub.html" onmouseover="on('image2');"
> >onmouseout="off('origimage')"><img src="images/embroiderbutton.gif"
> >width="82" height="82" alt="" id="embroiderbutton" /></a>
> >[...]
> ></div>
> >
> >
> >Style:
> >
> >div#links {
> > position: absolute;
> > top: 16px;
> > left: 143px;
> > }
> >
> >div#links img { display: block; }
> >
> >img#embroiderbutton {
> > margin-left: 147px;
> >}
> >[...]
>
> You've moved the images, but you haven't moved the anchors. Try
> leaving the images alone and placing your margining on the anchors.
I have tried that. It will fix the anchor hotspots but breaks the DOM
event handler and blows IE to crap (of course).
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
