Topic: Pagination
Hy,
I have a little problem with styling the pagination, I use the following css code and html :
/* pagination */
ul{border:0; margin:0; padding:0;}
#pages li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pages a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pages .previous-off,
#pages .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pages .next a,
#pages .previous a {
font-weight:bold;
}
#pages .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pages a:link,
#pages a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pages a:hover{
border:solid 1px #0e509e;
}
<ul id="pages">
<li class="previous-off">[prev-link]Previous[/prev-link]</li>
* <a>{pages}</a>
<li class="next"><a>[next-link]Next[/next-link]</a></li>
</ul>
And i get this : 
when i click it this : 
Thank you! 