I am currently attempting to make Unslider functional, but at present, it appears as though there is simply a stack of images on top of each other.
Below is the HTML code being utilized:
<div id="main">
<div class="slider">
<ul>
<li><img src="images/slider1.jpg" /></li>
<li><img src="images/slider2.jpg" /></li>
<li><img src="images/slider3.jpg" /></li>
</ul>
</div>
</div>
As for the CSS, please see the following:
main {max-width:900px;
margin-left:auto;
margin-right:auto;}
.slider { position: relative; overflow: auto; width:900px;}
.slider li { list-style: none; }
.slider ul li { float: left; }
ul {padding: 0;
margin: 0;}