Pagination Current page/Total pages? - tumblr

Question

I am in the process of making my first Tumblr theme and I'm a little confused about pagination.
I'm trying to make my pagination something like this:
Where there is (current page/total pages) with "NEXT" as the next page link on its right
And when you are on the other pages, a "PREV" as the previous page link appears on its left.
CSS
#pagi {
position:absolute;
z-index:10;
margin-top:18px;
width:130px;
text-align:center;
text-transform:uppercase;
}
#pagi a {
text-decoration:none;
}
HTML
{block:Pagination}
<div id="pagi">
{block:PreviousPage}
PREV
{/block:PreviousPage}
{block:JumpPagination length="3"}
{block:CurrentPage}
({PageNumber})
{/block:CurrentPage}
{block:JumpPage}
<a class="jump" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
NEXT
{/block:NextPage}
</div>
{/block:Pagination}
I thought i did it right, but instead it turned out like this:
What did i do wrong?

Answer 1

Current Page and Total Pages
Sadly, the jump pagination won't work here. {CurrentPage} will give you the current page number. {TotalPages} will give you the total page count.
{block:Pagination}
<div id="pagi">
<!-- Prev Page Link -->
{block:PreviousPage}
PREV
{/block:PreviousPage}
<!-- Page Counter -->
<span class="counter">({CurrentPage}/{TotalPages})</span>
<!-- Next Page Link -->
{block:NextPage}
NEXT
{/block:NextPage}
</div>
{/block:Pagination}