...

View Full Version : Floating Right Side Icons



ajhauser
06-09-2012, 03:53 AM
Hello,
I am trying to add some "floating" buttons on the right side of my website so they grab the viewers attention but they're not completely obtrusive. In the near future I would also like to apply some sort of slide effect as well - so I have to make sure I do this step correctly...

You see versions of this everywhere. I tested mine in IE9, Chrome and FFox (both latest versions) with no errors, but I'm wondering if this technique is ok?

The only page with the new coffee button is here (upper right):
http://www.hauserdesigngroup.com/proofreading-copy-writing-error-checking.php

The button is a div tag with the class "Floater", with the coffee image inside that div. The css is as follows:


.Floater {
height: 30px;
width: 36px;
position: fixed;
display: block;
right: 0px;
top: 75px;
}

I'd really appreciate some insight here - Google returns tons of info that's all over the place.

Thanks.

ajhauser
06-09-2012, 05:06 AM
Ok - I did just find out that with this method the button does NOT scroll with the page on my Windows Phone (which I believe runs IE9?). So there's problem #1.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum