Hallo,
wie habt ihr das mit der CSS-Formatierung bei der zugeschaltenen Pagination gelöst?
Die Klassen, die vorhanden sind, sind ja nicht in der "richtigen Reihenfolge" vorhanden.
Also es kommt ja zuerst .caroufredsel_prev, dann .caroufredsel_next und zuletzt .caroufredsel_pagi
Nur die Klassen gestaltet, ohne Positionierung schaut dann das mal so aus:
carou_pagi_01.jpg
Wenn nun die Reihenfolge so wäre: prev pagi next
dann könnte man doch mit einem float:left; alle schön nacheinander positionieren.
Ich hab das aber jetzt mal mit position:absolute; gemacht - damit lassen sich die Klassen
natürlich schön nebeneinander "auffädeln" .... aber: der padding zum image geht damit verloren.
carou_pagi_02.jpg
Als Abhilfe dafür habe ich einen margin auf das image gelegt, somit lässt sich das Ganze dann
auch schön anschaubar darstellen. Alles super!
carou_pagi_03.jpg
Jetzt aber kommt das grosse ABER:
bei einem möglichen zweiten/weiteren, in der Website eingebauten, Karussell OHNE die Pagination
tritt natürlich auch das margin zum image in Kraft und es zeigt mir dann unterhalb des Sliders
einen unschönen breiteren Rand (hab ich nicht getestet, war mal nur so eine Überlegung).
Wie gestaltet ihr also so eine Pagination??
Oder fehlen in der Erweiterung doch noch ein "Wrapper" rund um die Pagination, sodass man diese
dann, mit einer eigenen Klasse versehen, wieder unterschiedlich gestalten kann?
Bin da nicht der Profi, wie man sowas am Besten angeht ...
Grüsse
Bernhard
Lesezeichen