How to add fixed button to the bottom right of page

Question

I'm having some trouble adding a fixed button on the bottom of my webpage. Been testing out different numbers with the pixels, but the button hasn't been showing underneath the page on the right.

HTML

<a href="#head"><img src="upbutton.png" id="fixedbutton"></a> 

CSS

.fixedbutton {     position: fixed;     bottom: 560px;     right: 1000px;  } 

Answer 1

You are specifying .fixedbutton in your CSS (a class) and specifying the id on the element itself.

Change your CSS to the following, which will select the id fixedbutton

#fixedbutton {     position: fixed;     bottom: 0px;     right: 0px;  } 

Here's a jsFiddle courtesy of JoshC.