title: CSS Images, Images, and Fonts in Laravel 4 Framework
body: <p>I am having some trouble with a few things with the Laravel 4 Framework.  First, to give the setup, I have an assets folder, within my public folder, that contains a folder for css called "CSS", a folder for images called "images", and a folder for fonts called "webfonts".  Here are the paths:</p>
  
  <pre><code>/laravel-master/public/assets/CSS
  
  /laravel-master/public/assets/images
  
  /laravel-master/public/assets/webfonts  
  </code></pre>
  
  <p>Inside the CSS folder is my main CSS file, style.css.  I am trying to use an image as a background that I call within this CSS file.  Here is the code:</p>
  
  <pre><code>.banner-image{
      background: transparent url('../assets/images/8662834823_575a23516d_o.jpg') no-repeat center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      height: 800px;
      min-width: 1200px;
  }
  </code></pre>
  
  <p>I have also tried:</p>
  
  <pre><code>.banner-image {
  background: url('assets/images/8662834823_575a23516d_o.jpg');
  }
  </code></pre>
  
  <p>and: </p>
  
  <pre><code>.banner-image {
  background: url('/assets/images/8662834823_575a23516d_o.jpg');
  }
  </code></pre>
  
  <p>Within my view, I call this CSS with the div: </p>
  
  <pre><code>&lt;div class="banner-image"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Both of these result in the page remaining blank.  The image is not showing up, and I am not sure why.    </p>
  
  <p>On to the next one.  Without using CSS, I am just trying to have a simple image show up.  I have tried: </p>
  
  <pre><code>&lt;img src="{{asset('assets/images/fanssignupsplash.png')}}"&gt;
  </code></pre>
  
  <p>and:</p>
  
  <pre><code>{{HTML::image('images/fanssignupsplash.png')}}
  </code></pre>
  
  <p>and: </p>
  
  <pre><code>{{HTML::image('assets/images/fanssignupsplash.png')}}
  </code></pre>
  
  <p>All of these result in the broken image symbol.  The image is not showing up.      </p>
  
  <p>Finally, in CSS again, I am trying to use fonts files that I have put in the webfonts folder mentioned above.  However, again the font is not working.  I know the CSS file is being uploaded correctly to the page, because the color changes on the text, but the font is not being applied.  Here is the CSS:</p>
  
  <pre><code>@font-face {
  
    font-family:'proxima-nova';
    src:url('/assets/webfonts/proximanova-bold-webfont.eot');
    src:url('/assets/webfonts/proximanova-bold-webfont.eot?#iefix') format("embedded-opentype"),url('/assets/webfonts/proximanova-bold-webfont.woff') format("woff"),url('/assets/webfonts/proximanova-bold-webfont.ttf') format("truetype"),url('/assets/webfonts/proximanova-bold-webfont.svg#ProximaNovaBold') format("svg");
    font-weight:bold;
    font-style:normal
  
    }
  </code></pre>
  
  <p>The view I am using is a blade file (landing.blade.php).  This is all on localhost, using MAMP.  </p>
  
  <p>Thank you very much for your help with all of this.  I am new to Laravel, and I have gotten all of this to work outside of a framework on a live site.  Your help is very much appreciated.    </p>