Warum denn Divs drumrum? Du kannst doch LI genauso stylen wie ein Div. Sind beides Blockelemente aber ein DIV hat in einer Navigation eigentlich nix verloren. Einfach das LI oder besser noch span bzw. a in den LI als display:block definieren. Siehe hier (ganz unten)
Code:
.pagination li.first a,
.pagination li.last a,
.pagination li.next a,
.pagination li.previous a {
background-color:#ffcc00;
display: block;
height: 40px;
padding: 0;
text-indent: -3000px;
width: 40px;
}
.pagination li a, .pagination li span {
background-color: #b80c96;
color: #fff;
display: block;
float: left;
font-size: 18px;
font-weight: bold;
height: 15px;
margin-right: 5px;
padding: 10px 14px 15px;
text-align: center;
text-decoration: none;
transition: background-color 0.3s linear 0s;
width: 15px;
}
Und um die Seitenzahlen zu entfernen kannst du ebenfalls mit css text-indent:-3000px oder so arbeiten. Dann ist der Text für SEO noch da...aber für den Benutzer nicht sichtbar.
Lesezeichen