title: Using .css files with Laravel
body: <p>I have issues using laravel with .html files and .css files. Maybe you can help me
  I have this snippet in index.blade.php</p>
  
  <pre><code>    &lt;div class="container"&gt;
  
  &lt;div class="top"&gt;
  
      &lt;div class="navigation"&gt;
          &lt;a href="index.html"&gt;home&lt;/a&gt;
          &lt;a href="index.html"&gt;the journey&lt;/a&gt;
          &lt;a href="index.html"&gt;characters&lt;/a&gt;
          &lt;a href="index.html"&gt;image gallery&lt;/a&gt;
          &lt;a href="index.html"&gt;history&lt;/a&gt;
  
      &lt;/div&gt;
  
      &lt;div class="pattern"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
  
      &lt;div class="login"&gt;
  
          &lt;div class="loginitem"&gt;
  
              &lt;form action='login.php' method='post'&gt;
              Username: &lt;input type='text' name='username' /&gt;&lt;br /&gt;
              Password: &lt;input type='password' name='password' /&gt;&lt;br /&gt;
              &lt;input type='submit' value='Login' /&gt;&lt;br&gt;&lt;br&gt;
              &lt;/form&gt;
  
          &lt;/div&gt;
  
          &lt;div class="loginbutton"&gt;
              &lt;i&gt; Not &lt;/i&gt; &lt;a style="color: red;"  href="registration.html"&gt;registered &lt;/a&gt; &lt;i&gt; yet? &lt;/i&gt; 
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="pattern"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>And this snippet from my index.css file</p>
  
  <pre><code>    .divider {
  background: url(img/divider.gif) no-repeat;
  height: 20px;
  margin: 24px 0;
      }
  
  
      /* structure */
  
      .container {
  background: url(img/bgcontainer.jpg) repeat-y center top;
  margin: 0 auto;
  width: 736px;
      }
  
  
      .top {
  background: url(img/bgcontent.gif) no-repeat 0 -4%;
  margin: 0 auto;
  text-align: center;
  width: 632px;
      }
  
      .login .loginitem{
       position: relative;
       padding-top: 85px;
      }
  </code></pre>
  
  <p>I have problem loading the image using these lines</p>
  
  <pre><code>     background: url(img/bgcontainer.jpg) repeat-y center top;
       background: url(img/divider.gif) no-repeat; 
  </code></pre>
  
  <p>etc. from the style.css file</p>
  
  <p>My images are in a folder called img in the Public folder where they belong. Only the positioning of my divs work. I need some help because i don't know how to load the pictures from the .css file using laravel. Thanks in advance. </p>
  
  <hr>
  
  <pre><code>   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
     &lt;html&gt;
  
      &lt;head&gt;
  {{ HTML::style('css/index.css'); }}
       &lt;link href='http://fonts.googleapis.com/css?family=Alegreya+SC:400,400italic'            rel='stylesheet' type='text/css'&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/&gt;
      &lt;meta name="description" content="description"/&gt;
        &lt;meta name="keywords" content="keywords"/&gt; 
      &lt;meta name="author" content="author"/&gt; 
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
  
      &lt;title&gt;Caught in the Middle&lt;/title&gt;
       &lt;/head&gt;
  </code></pre>
  
  <p>This is how I load my .css file</p>