CSS code en daar onder de html
ul{
border:0;
margin:0;
padding:0;
}
#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
margin-right:2px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e;
}
<ul id="pagination-digg">
<li class="next"><a href='/new_site/index.php?nav=nieuws¤tpage=1'>«« Eerste pagina</a><li>
<li class="next"><a href='/new_site/index.php?nav=nieuws¤tpage=3'>« Vorige</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=1'>1</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=2'>2</a><li>
<li><a href='/new_site/index.php?nav=nieuws¤tpage=3'>3</a><li>
<li class="active">4</li>
<li class="next"><a href=''>Volgende »</a></li>
<li class="next"><a href=''>Laatste pagina »»</a></li>
</ul>
ModeditTopic verplaatst naar XHTML/CSS