title: Wamp VS PHP : absolutely fine & accessible image path seems broken
body: <p>I have this very  strange problem:</p>
  
  <p>If I use absolute url/paths as image sources within my HTML codes (localhost - WAMP) by using <code>$_SERVER['DOCUMENT_ROOT']</code> all of my images are broken and I don't know why :( 
  PHP includes are absolutely fine with it, only my images are behaving strangely. The absolute image path itself (generated by <code>$_SERVER['DOCUMENT_ROOT']</code> + my path variables) is working fine outside of localhost.(I have tried to copy and paste the url into my browser bar and the image shows up as expected. But in my localhost environment all images are broken) .</p>
  
  <p>Example screenshot of this problem</p>
  
  <p><a href="https://i.stack.imgur.com/zPBMl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zPBMl.jpg" alt="enter image description here"></a></p>
  
  <p>As you can see here, my Chrome element inspector on link hover <strong>shows completely different image paths</strong> than the actual path created by <code>$_SERVER['DOCUMENT_ROOT']</code>, and this drives me crazy because whats in the HTML is the CORRECT path, not the other one.... Any ideas how to fix this ? </p>
  
  <p>Thanks in advance! </p>
  
  <hr>
  
  <p>here are my codes so far:</p>
  
  <pre><code>$sysvar_category_default_image="/design/category_images/category_default.jpg";
  
  $path= $_SERVER['DOCUMENT_ROOT'] .$sysvar_category_default_image;
  // $path is: C:/wamp64/www/design/category_images/category_default.jpg
  
  $path= $_SERVER['HTTP_HOST'] .$sysvar_category_default_image;
  // $path is: localhost/design/img/icons/default.png
  </code></pre>
  
  <p>Both path working correctly pasted in the browser bar (these are the correct, actual image paths ),but my WampServer messing them up somehow (  maybe it's a configuration issue but i'm really lost at this point) </p>