2 replies [Last post]
raisintoast
Offline
newbie
Last seen: 13 years 29 weeks ago
Timezone: GMT+11
Joined: 2008-02-26
Posts: 6
Points: 0

I will do my best to explain. I have a list of text links in an IFRAME, when you hover over the text links a image appears in an absolute position on the iframe page. he image overlaps the background image. When I scroll down the iframe the image is cropped because the absolute positioning moves with the scrolling page in the iframe. :shrug:

I have an idea that might work if when I hover over the links the background fixed image is replaced, how could I do this?

Hope this makes sense, thanks for your help so far!

BODY, HTML { MARGIN: 0px; font-family:courier, "Lucida Console", "Courier New"; font-size:100%; letter-spacing:0.04em; background-image:url(../images/gallery_r5_c1.jpg); background-attachment:fixed; }

DIV#links {
Z-INDEX: 100; LEFT: 250px; WIDTH: 250px; POSITION: absolute; TOP: 0px; HEIGHT: 250px;
}
DIV#links A {
TEXT-DECORATION: none;
display:block;
}
DIV#links A:hover {
color:#CC0000;
font-weight:bold;
text-decoration:line-through;}

DIV#links A IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px
}
DIV#links A:hover IMG {
LEFT: -250px; WIDTH: 219px; POSITION: absolute; TOP: 0px; HEIGHT: 250px
}

The HTML of the iframe

Untitled Document

ifohdesigns
ifohdesigns's picture
Offline
Enthusiast
Providence, RI
Last seen: 10 years 1 week ago
Providence, RI
Timezone: GMT-4
Joined: 2008-02-22
Posts: 269
Points: 0

Even better idea. Don't use

Even better idea. Don't use iframes, they suck in every fashion.

mattrossidesigns.com

raisintoast
Offline
newbie
Last seen: 13 years 29 weeks ago
Timezone: GMT+11
Joined: 2008-02-26
Posts: 6
Points: 0

Haha, well I actually took

Haha, well I actually took your advice and I have the script working on the page now, thanks. I still like iframes sometimes though