title: Umbraco css vs images path
body: <p>I creating new website using Umbraco(version 6.1.1 with razor) and I am new to Umbraco. My settings panel is like this.</p>
  
  <p><img src="https://i.stack.imgur.com/FDWtm.png" alt="enter image description here"></p>
  
  <p>In my Master template I am using my css styling and JavaScripts are like this. And their paths are ok.</p>
  
  <pre><code>&lt;link rel="stylesheet" href="/css/mobile.css"/&gt;
  &lt;script src="/scripts/jquery-2.0.2.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p>CSS and scripts path are working. So that's ok. </p>
  
  <p>Now my problem is I want images for my site. I don't know where to put images and what should be the path. </p>
  
  <p>For example:</p>
  
  <p>I tried to upload pictures to Media <img src="https://i.stack.imgur.com/TIf5l.png" alt="enter image description here"></p>
  
  <p>In my Master template I tried </p>
  
  <pre><code>&lt;img src="/media/A.jpg" alt="Smiley face" height="42" width="42"&gt; 
  &lt;img src="/media/images/A.jpg" alt="Smiley face" height="42" width="42"&gt;
  </code></pre>
  
  <p>Also in the CSS file </p>
  
  <pre><code>background-image:url('/media/images/A.jpg');
  </code></pre>
  
  <p>But these are not working. I just trialing them. Actually I don't know the correct way of doing it :(</p>
  
  <p>So where should I store images in Umbraco and how should I locate the path in CSS files and template files ?</p>
  
  <p>Please help! </p>
  
  <p>Thanks in Advance ....</p>