title: Getting 404 error for HTML links
body: <p>I am having an issue on my website when trying to link a thumbnail of an image on my website to the full size image in a new window.  The website is live and being hosted on HostPapa so I'm not sure if my href needs to be changed to reflect this?  This is the HTML markup:</p>
  
  <pre><code>&lt;a href="img/gallery/img4.jpg" alt="Image Alt"&gt;&lt;img src="img/gallery/img4-thumb.png"&gt;&lt;/a&gt;
  </code></pre>
  
  <p><strong>Folder structure is as follows:</strong> </p>
  
  <pre><code>|-- public_html
  |  |-- index.html
  |  |-- css
  |  |   |   |-- styles.css
  |  |-- img
  |  |   |   |-- gallery
  |  |   |   |   |-- img3.jpg
  |  |   |   |   |-- img3-thumb.png
  |  |   |   |   |-- img4.jpg
  |  |   |   |   |-- img4-thumb.png
  </code></pre>
  
  <p>When the image is clicked in the browser, I get this error: </p>
  
  <p><strong>Not Found
  The requested URL /img/gallery/img4.jpg was not found on this server.
  Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.</strong></p>
  
  <p>This worked fine when working offline on my local machine, but as soon as I put it online it stopped working as intended.  Any help would be much appreciated.  </p>