Pagination nicht als Liste, bitte...

Hallo zusammen,

ich habe folgendes Problem: Ich versuche meine Pagination anzupassen, und möchte nicht, dass Contao die Seitenzahlen als Liste ausgibt. Aber bei

Code:

---

<?php echo $this->items; ?>

---

kommt das automatisch! Kann man das irgendwie abstellen??

Zur Info: Ich hab absolut keine Ahnung von PHP, aber ich kann schon bisschen drin "rumwurschteln".

Danke und viele Grüßle
Shampie

Dafür müsstest du das Template pagination.html5 anpassen.

Aber eine Liste als Paginierung macht semantisch durchaus Sinn (auch für Google) ;-)

Definitiv macht das Sinn :-)
Du musst es nur richtig mit CSS anfassen.

Danke für eure Antworten :)
Mein Auszug ist ja genau aus diesem Template... wie bekomme ich denn die Seitenzahlen da aus den Listen raus?

Ich würde es auch als Liste lassen, wenn es möglich wäre um jede Seitenzahl ein div zu legen... Sollen nämlich hübsche quadratische Buttons werden :D Ich glaube, das geht nicht so gut, wenn ich versuche die Font mit CSS anzupassen...

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.

Ouha... es ist tatsächlich möglich! Irgendwie wollen die Aufzählungs-punkte nicht verschwinden, aber das krieg ich schon noch irgendwie hin :) Morgen mach ich weiter!

Dankeeeeeee :D

Code:

---

.pagination ul {

    list-style-type: none;


}

---

Es war "li" statt "ul", aber hat geklappt! Vielen, vielen Dank :) Ich hab nicht daran gedacht, dass ich auch li etc. formatieren kann :D Ganz schön dämlich, haha, da stand ich wohl auf dem Schlauch!

Du kannst (quasi) alles formatieren :-)