pav
10/2/2013 - 8:53 PM

sortable.css

sortable.html
content_copyfile_download
<!DOCTYPE html>
<html>
    <head>
    <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js"
type="text/javascript">    
</script>
<script src="script.js"></script>
<link rel="stylesheet" href="style.css" type="text/css"/>
    </head>
	<body>
     <ul id="sortlist">
        <li>Item 1</li>
    	<li>Item 2</li>
    	<li>Item 3</li>
    	<li>Item 4</li>
    	<li>Item 5</li>
    	<li>Item 6</li>
    	<li>Item 7</li>
     </ul>
	</body>
</html>
sortable.css
content_copyfile_download
#sortlist { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortlist li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortlist li span { position: absolute; margin-left: -1.3em; }