title: Unslider not working on website
body: <p>This <a href="http://unslider.com/" rel="nofollow">http://unslider.com/</a> for some reason is not appearing on my site, only the <code>li</code> text is showing and it is sliding but there is no appearance of the slider, just the text.</p>
  
  <p>I have included the <code>js</code> files along with the css and markup but its somehow not showing me the full slider.</p>
  
  <p>Here is my code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  &lt;head&gt;
      &lt;title&gt;Webpage&lt;/title&gt;
      &lt;link rel = "stylesheet" type = "text/css" href = "1style.css"/&gt;
      &lt;script src="//code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
      &lt;script src="//unslider.com/unslider.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  
          $(function() {
              $('.banner').unslider();
          });
  
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;br/&gt;
      &lt;h1 style="font-family:verdana; font-size:50px; font-weigth:bold; font-style:italic;" align="center" &gt; Logo &lt;/h1&gt;
  
      &lt;div class="banner"&gt;
          &lt;ul&gt;
              &lt;li&gt;This is a slide.&lt;/li&gt;
              &lt;li&gt;This is another slide.&lt;/li&gt;
              &lt;li&gt;This is a final slide.&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
  
      &lt;div id = "footer"&gt;
          &lt;div class = "container"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href = "?"&gt;Terms of use&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href = "?"&gt;Privacy&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href = "?"&gt;Cookies&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href = "?"&gt;Accessibility&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.banner { position: relative; overflow: auto; }
  .banner li { list-style: none; }
  .banner ul li { float: left; }
  </code></pre>
  
  <p>Can someone check the link i provided above and tell me where i'm going wrong?</p>
  
  <p>Thanks</p>
  
  <hr>
  
  <p>Seems like none of the answers fix the problem at all, I guess i'll have to find a new slider.</p>
  
  <p>Thanks for the help</p>