View Full Version : Neeeeddd heeellpppp plssss !!!!!!

27 Nov 2010, 11:16 AM
hi guys,

i am designing a website for my assignment and have a problem....

Here is my Problem:

I have used a Iron background for my website and fixed it on one place, so it does not move when i scroll. To give it an extra effect, i created a rollover image and positioned it over the eyes of the iron man bg using AP Div.

But i need the AP Div to stay on one place, without moving it when i scroll the page and the rollover effect should still work, because everytime i go over with the mouse the eyes should start to glow because of the rollover effect. The rollover effect works, but everytime i scroll the page the "Eyes" move as well.

To give you a better overview...here are some images...

Here is an image of the website when you visit it.... look at the eyes of "iron man"
http://tinypic.com/r/ebcub8/7 <<<

Now the eyes are glowing..

http://tinypic.com/r/v42kbn/7 <<<

The eyes are glowing because, i did a rollover image in the shape of the eyes and placed it in the position of the eyes of the background image using AP Div.

Everytime i go over with the mouse it will glow.....but my problem is in the next image....

http://tinypic.com/r/10ym8h2/7 <<<

The problem is, everytime i scroll down the page, the rollover images (eyes)move as well. (I have fixed the Background, so the backgorund does not move).....

So guys, i need to know how to fix those eyes shaped image on one place, but the rollover effect should still work....

I am new to webdesigning, i would be very thankful if anyone can help me

Thank you


02 Dec 2010, 03:03 PM
what you need to do is change the AP div to a fixed div. Fixed div's are positioned in accordance with the browser window, not the page. since the background is static in accordance with the browser window, the div needs to be too. to do this, just change the css on the div from: