[jamesosix]

Hey Guys.

I am looking to somehow have a floating image at the side of a site i am working on. Ya' know like those slick contact forms or "follow us" buttons that are always in the one place regardless of where you scroll on the page? Well I am looking for something like but for it to be a square image that literally floats on the webpage. I cant find anything on wordpress.org or google. Everything I do find is "share" float boxes, but I just want an image to float that is linked into a special offers url.

Is this possible?

Any pointers/leads would be greatly appreciated

[andyl]

<style type="text/css">
  .float-advert{display:block;position:fixed;top:49%;left:0;z-index:5}
</style>

<a href="link-to-special-offers.html" class="float-advert">
  <img src="link-to-image.jpg" alt="image description" />
</a>

[jamesosix]

dumb question time:
Where/which wordpress file would I put that in? I would assume the css could go in the header file but not so sure about the html..

Sorry and thanks though!

[jamesosix]

sorry for the double post, but cannot find the edit button :S


Anyway,
I managed to get it on my site andyl however I think you mis-understood me (easy enough to do! )

What I meant by a floating image, is an image that basically stays where it is on the browser....so when a user scrolls down the page - the advert will stay on the browser. (like those fancy share buttons do all the time).

Sorry mate.

-----EDIT------
I have fixed it!

Thanks for your help andyl +1'd

This post has been edited by jamesosix: 31 January 2012 - 12:53 PM

[andyl]

I didn't check the code, so it was an educated guess. I've never really used fixed positioning.

What was missing? Width/height definitions?