Floating Button

Discussion in 'HTML & Website Design' started by extremephp, Sep 5, 2010.

  1. #1
    I want a have a Floating button On my Page, Which Wont Go down,on Page Scroll!!

    I think you get what am Looking for!!

    I simply want to put an Image, sizing near 64 x 64 To be at the corner of the screen,in a way that scrolling makes no change to it!!

    I am Pretty sure this is done by Jquery or Ajax!

    So can Some one help me out?

    ~ExP~
     
    extremephp, Sep 5, 2010 IP
  2. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #2
    
    <a href='#'><img style='position: fixed; bottom: 0; right: 0' src='flag.jpg' /></a>
    
    Code (markup):
     
    Cash Nebula, Sep 5, 2010 IP
    psharma and extremephp like this.
  3. tr33s

    tr33s Guest

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Might be worth checking it works on all types of browsers?
     
    tr33s, Sep 6, 2010 IP
  4. karthimx

    karthimx Prominent Member

    Messages:
    4,959
    Likes Received:
    127
    Best Answers:
    2
    Trophy Points:
    340
    #4
    just give style for the images as

    Position: fixed - which will fix the image position even if scroll

    then for top right

    top: 0px;

    right 0px;

    will work in all major browsers.
     
    karthimx, Sep 6, 2010 IP
  5. extremephp

    extremephp Peon

    Messages:
    1,290
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    0
    #5
    This Helped Me! I forgot to Quote it Here! Thanks CAsh Nebula! Rep Added! 2 Points of Rep! :D

    ~ExP~
     
    extremephp, Sep 8, 2010 IP
  6. kazuvinz

    kazuvinz Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    marquee tag? how is it?
     
    kazuvinz, Sep 8, 2010 IP
  7. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Cheers extremephp! Thanks for the rep :)

    Yes, I should point out that position: fixed is not supported by IE5/6. If that matters, check out this method.
    Also, a disappearing content bug occurs in IE7 if a relative positioning follows a fixed or absolute one.
     
    Cash Nebula, Sep 8, 2010 IP
  8. psharma

    psharma Prominent Member

    Messages:
    1,955
    Likes Received:
    85
    Best Answers:
    4
    Trophy Points:
    345
    #8
    I did not knew it may be so easy.
    thanks to share.
     
    psharma, Sep 8, 2010 IP