ce_gallery pagination zentrieren

Hallo

Kann mir jemand verraten, wie ich die Navigation der Galerie unterhalb der Bilder für die nächsten/vorhergehenden Seiten einmitten kann?
Die Seitenzahlen funktionieren aber die Navi wird nicht mitgenommen.

CSS:

Code:

---

.pagination
{
        text-align:center;
}
.pagination ul
{
        padding:0;
        font-size:10px;
        line-height:11px;
}
.pagination li
{
        float:left;
        text-align:center;
}
.pagination a,
.pagination a:hover,
.pagination a:visited
{
        display:block;
        padding:0 5px;
        font-size:10px;
        white-space:nowrap;
}
.pagination a:hover
{
        padding:0 5px;
        color:#669900;
}
.pagination li span.current
{
        padding:5px;
        color:#669900;
        white-space:nowrap;
}
.pagination li a
{
        margin-left:-1px;
        border-left:1px solid #404040;
        border-right:1px solid #404040;
}
.pagination li a.first,
.pagination li a.previous
{
        border-left:0px;
}
.pagination li a.next,
.pagination li a.last
{
        border-right:0px;
}

---

Danke für Eure Hilfe.

Hast Du mal den Link zum obigen Codebeispiel? Eventuell muessen noch Elemente zu (inline)Blocks gemacht werden.

Das ist das CSS in contao.
Ich kann Dir den Link zur Site geben:
http://www.urshaari.com/ha/vorlageseite.html

Die Galerie ist ganz unten.

Hallo Du musst das UL zu display: inline-block; machen, denn ansonsten nimmt das UL die volle Breite in dem DIV.pagination. Am besten auch gleich noch dem UL ein margin: 0px auto;

bingo, super, danke viel mal. darauf wär ich nie gekommen :o

Eine verspätete kleine Anmerkung dazu: display:inline-block funktioniert leider nicht zuverlässig in allen Browsern. Ich würde auf Floats (li{float:left;}) verzichten, weil sie in diesem Fall unnötig sind, und das List-Elemet inline darstellen (li{display:inline;}). Als Inline-Elemente werden diese dann über ul{text-align:center;} automatisch im (UL-) Block zentriert. Beispiel:

Code:

---

#main .pagination {
        font-size: 0.8em;
        color: #000;
}

#main .pagination p {
        margin: 0;
        padding: 0;
        text-align: center;
}

#main .pagination ul {
        margin: 0;
        padding: 0;
        text-align: center;
}

#main .pagination li {
        list-style: none;
        display: inline;
        margin: 0.4em;
        padding: 0;
}

#main .pagination span {
        color: #aaa;
}

#main .pagination a {
        text-decoration: none;
        font-weight: normal;
}

#main .pagination a:hover {
        color: #aaa;
}

---

Beste Grüße,
Kostja