ce_gallery pagination zentrieren

[mamboo]

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:

.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.

[teo]

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

[mamboo]

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.

[teo]

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;

[mamboo]

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

[kmrohe]

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:

#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