On Jun 8, 2007, at 8:23 AM, Ian Piper wrote:
> <http://www.tellura.co.uk/fenditching/page4/case_studies.htm>
>
Basically, the hovered (large) image is positioned relative to the
browser-window, while it should be positioned relative to the element
holding the link. It is essential, for the effect you're after, that the
hovered (large) image is in the link-position, or else it'll lose focus
when hovered.
Add...
.hoverpic_reed_fen_farm {position: relative;}
...to establish the relation.
Correct position to something like...
.hoverpic_reed_fen_farm a:hover img, .hoverpic_reed_fen_farm a:active
img, .hoverpic_reed_fen_farm a:focus img {left: -10px; top: -70px;}
...to keep it in correct place when hovered.
regards
Georg
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
