I have seen before where you can use your css to "float" an image say bottom right of the screen and when the users scrolls, the images go with the page. Is this css or jscript ?

http://outdoorsindoors.net/DEV/BVO/

I am trying to get the facebook/blogger icons to stick with the page and stay at the bottom right corner, always.

any ideas?

thanks

Use CSS position fixed.

<div class="facebook" >
<a href="http://www.facebook.com/pages/Buckventures-Outdoors/10150114226955297?ref=ts&v=wall" target="_blank"><img src="themes/BVO/facebook.png" border="0"></a>
</div>
<div class="blog">
<a href="http://www.facebook.com/pages/Buckventures-Outdoors/10150114226955297?ref=ts&v=wall" target="_blank"><img src="themes/BVO/blogger.png" border="0"></a>
</div>

.facebook{ height:76px; width:77px; padding:0; position:absolute; bottom: 15px; right:5px;  margin: 5px 5px 5px 5px; }

.blog{ height:76px; width:77px; padding:0; position:absolute; bottom: 100px; right:5px; margin: 5px 5px 5px 5px; }

Just a quick glance. Code is kinda sloppy to look at, but I think that's all they used.

sorry about the slopiness, its in development. I tried the fixed and that did not work. I guess I am wondering if the facebook/blog images should be backgrounds or images as I have in the above code that monkey pasted. The fixed would only apply if it was a background image in the div correct? If I make that a background image and not a <img src how would you make it clickable?

ok, i cleaned up the css a bit


http://outdoorsindoors.net/DEV/BVO/

I got the fixed working, now it is doing what i want it to, but how do I make those a link, being that they are now background images and not images?

.facebook {
    background-image:url('facebook.png');
    height:76px;
    width:77px;
    padding:0;
    position:fixed;
    bottom: 15px;
    right:5px;
    margin: 5px 5px 5px 5px;
}
.blog {
    background-image:url('blogger.png');
    height:76px;
    width:77px;
    padding:0;
    position:fixed;
    bottom: 100px;
    right:5px;
    margin: 5px 5px 5px 5px;
}


<div class="facebook"></div><div class="blog"></div>

actually, got that working too. just applied the class to the image instead of the div. you guys rock.

thanks a lot