title: Buttons, scroll locking, transitions and unusual code error
body: <p>I'm having trouble with my code with my CSS stylesheet and HTML index coding. I only have one problem and that is my CSS stylesheet isn't letting me place a <code>div</code> class into it. I'm using the free Brackets software which includes syntax highlighting and it's coming up red which is an error. Here is a picture of it:</p>
  
  <p><a href="http://i58.tinypic.com/ju97cl.png" rel="nofollow">http://i58.tinypic.com/ju97cl.png</a></p>
  
  <p>As you can see in that picture, I've boxed around the place where it's disallowing me to place the div class into the stylsheet in <strong>white</strong>. I've given a working example with the <strong>blue</strong> box so I'm confused to why it's doing this. </p>
  
  <hr>
  
  <p>My main question for you today is how do I create buttons directly in the center on the side of my page with CSS or however possible and how to edit these buttons like adding hover animations, visual looks etc? (I'm new to this by the way) Also, I want to lock the scrolling of my page in a certain area like in the picture described:</p>
  
  <p><a href="http://i62.tinypic.com/wmbyw.png" rel="nofollow">http://i62.tinypic.com/wmbyw.png</a></p>
  
  <hr>
  
  <p>Lastly, I wish to ask how to make my content on the white area transition by sliding to the side for when I click a button to go onto the next page. However possible I would really appreciate if somebody gives me the time for this. Sadly I can't give another image because I don't have 10 reputation. so I hope you can make out what I'm trying to say.</p>
  
  <hr>
  
  <p>I will be so grateful to anyone who helps me with this.</p>