title: Images not showing up from localhost server
body: <p>so here is the issue:
  I'm running phpmyadmin to administrate my localhost server,now I've put my project files in the path: /<code>var/www/html/user/register.html</code> <em>I am using Ubuntu OS</em>
  Everyting seems perfect when accessing to my '<code>register.html</code>' from this <code>url: file:///var/www/html/user/register.html</code>
  However when I try to access to the same file from localhost server, This <code>url:'localhost/user/register.html'</code> ,my images are not showing up in the webpage,everything else in the css is good, I tried everything I could think of, changed directories etc..
  I googled this for whole morning, but found nothing!
  can you please help me with this guys...</p>
  
  <p>PS: the images path is correct since they show up when accessing from the first url.</p>
  
  <p>EDIT: I am new to the forum, excuse my lack of experience here, and I put the html/css code below, for the css, I've only put the part of the image</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body
  {
   background-image: url('pics/1.jpg');
   background-attachment: fixed;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
   &lt;meta charset="utf-8"&gt;
   &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
   &lt;title&gt;Registration form&lt;/title&gt;
   &lt;link rel="stylesheet" href="style1.css"&gt;
  
  &lt;/head&gt;
  &lt;body&gt; 
  
   &lt;header&gt;
    &lt;div id="sign"&gt;
    &lt;a href="#0"&gt;Register&lt;/a&gt; \\ &lt;a href="signup.html"&gt;Sign Up&lt;/a&gt;
    &lt;/div&gt;
   &lt;/header&gt;
   &lt;div class="formulaire"&gt;
   &lt;h2&gt;Registration form:&lt;/h2&gt;
    &lt;form action="register.php" method="post" &gt;
     
     &lt;label for="first"&gt;First name&lt;/label&gt;&lt;input class="inputs" type="text" name="FIRST_N" id="first"&gt;&lt;br&gt;&lt;br&gt;
     
     &lt;label for="last"&gt;Last name&lt;/label&gt;&lt;input class="inputs" type="text" name="LAST_N" id="last"&gt;&lt;br&gt;&lt;br&gt;
  
     &lt;label for="birth"&gt;Birthday date&lt;/label&gt;&lt;input class="inputs" type="date" name="B_D" id="birth"&gt;&lt;br&gt;&lt;br&gt;
  
     &lt;label for="gender"&gt;Gender&lt;/label&gt;
      &lt;select class="inputs" name="GENDER" id="gender"&gt;
       
       &lt;option selected="selected"&gt;&lt;/option&gt;
       &lt;option&gt;MALE&lt;/option&gt;
       &lt;option&gt;FEMALE&lt;/option&gt;
      
     &lt;/select&gt;&lt;br&gt;&lt;br&gt;
  
     &lt;label for="user"&gt;Username&lt;/label&gt;&lt;input type="text" name="USERNAME" id="user" class="inputs"&gt;&lt;br&gt;&lt;br&gt;
  
     &lt;label for="pass"&gt;Password&lt;/label&gt;&lt;input class="inputs" type="password" name="PASS" id="pass"&gt;&lt;br&gt;&lt;br&gt;
  
     &lt;label for="rpass"&gt;Retype password&lt;/label&gt;&lt;input class="inputs" type="password" id="rpass"&gt;&lt;br&gt;&lt;br&gt;
  
     &lt;label for="phone"&gt;Phone number&lt;/label&gt;&lt;input class="inputs" type="text" name="PHONE" id="phone"&gt;&lt;br&gt;&lt;br&gt;
  
     &lt;div id="buttons"&gt;
      &lt;input class="but" type="submit" name="SUBMIT" value="Sign In"&gt;
      &lt;input class="but" type="reset" name="RESET" value="Reset"&gt;
     &lt;/div&gt;
    &lt;/form&gt;
   &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>