title: Why won't my html / css code make a button?
body: <p>For some reason the page i've made has stopped showing the image, it's just showing a small broken page icon, even though it showed it before. I haven't changed the name of the image or its location. </p>
  
  <p>I'm also trying to create a button, but it's not showing up</p>
  
  <p>Here's the html code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Title&lt;/title&gt;
  
  &lt;link href="design.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="pic"&gt;
  &lt;img src="C:\Users\A\Desktop\Untitled.jpg" id="pic"&gt;
  &lt;/div&gt;
  
  &lt;div class='banner'&gt;
  &lt;/div&gt;
  
  &lt;div class="button"&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>and here's the css code:</p>
  
  <pre><code>#pic {
      position: absolute;
      margin-left: 40px;
      margin-top: 4px;
      z-index: 1;
      }
  
  .banner {
      height: 100px;
      width: 100%;
      background-color: #FFFFFF;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      }
  
  .button {
      height: 50px;
      width: 120px;
      background-color: #BCD2EE;
      border-color: #6495ED;
      z-index: 3;
      }
  
  Body {
      background-color: #E8E8E8;
  }
  </code></pre>
  
  <p>The page just shows the white banner at the top of the page and the grey background, but the image just shows a small broken page icon, and the button isn't being created. </p>