Im trying to add a floating image to my pages.

This image should be in the right bottom corner but stay there as the page is scrolled up and down.

If there is a code to insert into my style sheet please let me know.

I have googled my problem and cant seem to find anything.

http://www.google.com/search?hl=en&c...ss&btnG=Search

background-image

body{
background: #fff url(image.gif) no-repeat fixed bottom right
}

Thanks marx - it's really working

I cant get marx's code to work.

i know what you mean so as you scrole down the page the image floats down with it and stays nearer the bottom so its always in view.
ive seen that before alot for ads i am myself looking for something like this i think its done with javascript. if u find it let me know

Originally Posted by BrandonK1989

I cant get marx's code to work.

What browser are you testing in?

Originally Posted by chrishirst

What browser are you testing in?

It doesnt matter because that is for a fixed image in the background i think Changemental was being sarcastic when he said it really works.
Brandon wants a floating image that scrolls down the page with the user.
exactly like they have over at mininova.org

this works quite well http://www.willmaster.com/library/tu...mit_button.php

It doesnt matter because that is for a fixed image in the background

Sure, the reason I asked is because background-attachment:fixed isn't supported by ...


... Yes, you guessed it

And AGAIN, position:fixed is NOT SUPPORTED by IE !

Well, not by IE6 anyway... it is supported by IE7

Sorry.. yes, forgot to specify.

Originally Posted by meveronna

background: #fff url(image.gif) no-repeat fixed bottom right*

What html script do I put around this?

Originally Posted by BrandonK1989

What html script do I put around this?

You dont Brandon that is CSS
Theres a difference between HTML and CSS.
Just view the source code on the webmaster-talk homepage and youll see for yrself how CSS is used.

<div id="test" style="position:absolute; bottom:0; right:0;"><img src="myimg.png" alt="My img/></div>
</body>
</html>


works for me in FF3 and IE7. (havent tried other browsers but I think it will work correctly)


//before commenting on the way this is coded: yeah its nicer to use the id of the div and style it in the css file... but this was just a quick test...

When adding this to the .css style sheet, how would I link it as well?

Not sure what you mean. You'd need to add it to your css file like this:

#test{position:absolute; bottom:0; right:0;}
Then your html would just be <div id="test">

Sorry about that.

Should have clerified. I need to make the image that floats in the bottom left a link as well. So when you click on the image it open up a new window and takes you to that link.