- Code: Select all
<div id="content">
<div class="weblog">
<!-- begin of weblog 'standard' -->
................................
<!-- end of weblog 'standard' -->
[[ paging action="digg" ]]
</div>
</div>
The source-code of the output:
- Code: Select all
<div id="content">
<div class="weblog">
<!-- begin of weblog 'standard' -->
..................
<!-- end of weblog 'standard' -->
<div id="pages">
<ul>
<li class="nolink">« Vorige Pagina</li><li class="current">1</li><li><a href="/pivotx/?o=1">2</a></li><li><a href="/pivotx/?o=2">3</a></li><li><a href="/pivotx/?o=1">Volgende Pagina »</a></li>
</ul>
</div>
and the css-code:
- Code: Select all
#pages {
clear: both;
margin: 20px auto;
padding: 0px;
min-height: 24px;
text-align: center;
}
#pages ul {
list-style-type: none;
padding: 0px;
margin: 0px auto;
}
#pages li {
float: left;
display: inline;
margin: 0 2px 0 0;
display: block;
line-height: 1.2em;
}
#pages li a {
color: #888888;
background-color: #777777;
padding: 4px;
border: 1px solid #aaaaaa;
text-decoration: none;
float: left;
background-image: none;
line-height: 1.2em;
}
#pages li a:hover {
color: #eeeeee;
background: #bbbbbb;
border: 1px solid #aaaaaa;
}
#pages li.nolink {
color: #555555;
border: 1px solid #aaaaaa;
padding: 4px;
}
#pages li.current {
color: #bbbbbb;
border: 1px solid #aaaaaa;
padding: 4px;
background: #aaaaaa;
}
#pages li.skip {
color: #ffffff;
border: 0px;
padding: 1px;
}
i thought setting left- and right-margin to auto would center it... but it doesn't

any idea what i am doing wrong?
also, i can't seem to find where to style the commentform!