Bon ... Vite fait sous compass :
.pagination{
text-align: right;
margin: 10px -7px 10px 10px;
span{
a{
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
margin: 0 1px 0 0;
border: 1px solid #DAD9D9;
text-align: center;
text-decoration: none;
color: #646161;
@include border-radius(3px);
&.next, &.prev{
border: 1px solid #FFFFFF;
&:hover{
background: none;
@include text-shadow:none;
color: #646161;
font-weight: normal;
border-color: #F7F7F7;
}
}
&.current, &:hover{
background: image-url(buttons.png) left -68px;
border: 1px solid #3580A9;
@include text-shadow(0px -1px 0px #2C6AA3);
color: #D4E6EF;
font-weight: bold;
}
}
}
}
ce qui doit donner ça en css :
.pagination {
text-align: right;
margin: 10px -7px 10px 10px;
}
.pagination span a {
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
margin: 0 1px 0 0;
border: 1px solid #DAD9D9;
text-align: center;
text-decoration: none;
color: #646161;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.pagination span a.next, .pagination span a.prev {
border: 1px solid #FFFFFF;
}
.pagination span a.next:hover, .pagination span a.prev:hover {
background: none;
text-shadow: none;
color: #646161;
font-weight: normal;
border-color: #F7F7F7;
}
.pagination span a.current, .pagination span a:hover {
background: url('/img/buttons.png') left -68px;
border: 1px solid #3580A9;
text-shadow: 0px -1px 0px #2c6aa3;
color: #D4E6EF;
font-weight: bold;
}
Après, le code de base est correct. Il faut juste que tu mettes ton <?php echo $this->Paginator->numbers(); ?> dans un élément qui à l'id content.
Soit avoir un code général comme ça :
<div id='content'>
Tout ton texte ici
<div class="pagination">
<?= $this->Paginator->prev('<'); ?>
<?= $this->Paginator->numbers(array('separator' => ' ')); ?>
<?= $this->Paginator->next('>'); ?>
</div>
</div>
Ritter jack
