Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder ajhauser's Avatar
    Join Date
    Nov 2007
    Location
    Earlville. It's where Earls come from.
    Posts
    226
    Thanks
    74
    Thanked 1 Time in 1 Post

    Floating Right Side Icons

    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/pro...r-checking.php

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

    Code:
    .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.

  • #2
    Regular Coder ajhauser's Avatar
    Join Date
    Nov 2007
    Location
    Earlville. It's where Earls come from.
    Posts
    226
    Thanks
    74
    Thanked 1 Time in 1 Post
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •