title: Change position of buttons JavaScript
body: <p>i wanted to change the button that displays on the top of an html page </p>
  
  <pre><code>&lt;div class='play'&gt;
      &lt;input id="play" type="button" value="Play" onclick="mode('play');startSlideshow();" /&gt;
  &lt;/div&gt;
  &lt;div class='pause'&gt;     
      &lt;input id="pause" type="button" value="Pause" onclick="mode('pause');startSlideshow();" /&gt;
  &lt;/div&gt;
  
  &lt;style&gt;
      .play{
          position: absolute;
          top:452px;
          left: 85px          
      }
      .pause{
          position: absolute;
          top:452px;
          left: 85px          
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>so far, this show the pause button in front of the play button, that's ok,  i tried to move the button and make it hidden but it dosent move, i also tried to change the style.position of the pause button but it wont move anyway</p>
  
  <pre><code>else if(smode=="pause")
  {
      var pau = document.getElementById('pause'); 
      pau.setAttribute('style', 'top:100px;left:150px;');
      document.getElementById("pause").style.visibility = "hidden";
  }
  </code></pre>