What the heck am I doing wrong? I've copy and pasted and added in elements and I can't get the thing to even move. I know I'm being a pain in the ass but I can't get one thing to work
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="commic_style.css">
<script type="text/javascript" src="js/dragscroll.js"></script>
<script type="text/javascript" src="minified/TweenMax.min.js"></script>
<!--tweenMax Library -->
<script type="text/javascript" src="js/jquery.jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollorama.js"></script>
<script type="text/javascript" src="js/greensock/TimelineMax.min.js"></script>
</head>
<style type="text/css">
#jeff{
width:400px;
height:400px;
background-image:url(images/character-designs.png);
background-repeat:no-repeat;
}
</style>
<body>
<script>
// element that can be used with jQuery
$(document).ready(function(){
//set the name of the superscrollorama elemenet
var controller = $.superscrollorama({
isVertical: false
});
//then you add the tweens
var jeff = $("#jeff");
controller.addTween (jeff,
TweenMax.to(jeff, 1, {left:600, width:700})
);
});
</script>
<div id="navigation_container">
<nav>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">HOME</a></li>
<li><a href="#">HOME</a></li>
</ul>
</nav>
</div>
<section id="comic_board">
<div class="cell">
<section id="jeff"></section>
</div>
</section><!--closes comic board -->
</body>
</html>
(css)
@charset "utf-8";
/* CSS Document */
*{
padding:0px;
margin:0px;
cursor:url(images/cursor.png);
}
body{
background-color:#CCC;
width:18000px;
position:absolute;
top:0px;
left:0px;
bottom:0px;
overflow:hidden;
}
#navigation_container{
height:100px;
width:100%;
background-color:#666;
position:fixed;
}
nav {
height: 40px;
background-color: #6BB2D2;
z-index: 2000;
position: fixed;
top: 25px;
width: 100%;
margin-bottom:70px;
}
nav ul{
margin:0px 0px 0px 20px
}
nav ul li{
list-style:none;
display:inline;
}
nav ul li a{
color:#FFF;
padding:0px 7px;
line-height:40px;
text-decoration:none;
}
#comic_board{
height:100%;
width:100%;
background-color:#999;
margin-top:70px;
}
.cell{
width:600px;
height:600px;
margin:auto 40px;
border:solid 4px #000;
background-color:#FFF;
float:left;
}
}