Text positionieren ohne position: absolute;

[cont77]

Hallo Zusammen,

ich habe ein Problem mit einem Slider bei den ich Text mit einem Abstand von unten platzieren will.

Ausgangssituation: 2 synchronisierte Slider.

1. Slider: Bild (volle Größe)
2. Slider : Text

Den Text will ich über dem Bild positionieren.
Mit einem fixen Abstand von unten (32px).
Der Text hat zwischen 1- 4 Zeilen.

Normalerweise würde ich den Text folgendermaßen positionieren:

position: absolute;
bottom: 32px;

Allerdings überlappen dadurch die Texte der verschiedenen Slides.
Also alle Text-Elemente sind gleichzeitig zu sehen.

Stehe gerade auf dem Schlauch, wie ich es anders lösen könnte.
Hat jemand eine Idee bzw. den entscheidenden Tipp für mich?

Danke für Hilfe!

[Dirch]

jedes sichtbare element bekommt die klasse "visible". Wenn du also den Text nur dann anzeigst, wenn auch diese Klasse da ist, dann sollte es dein Problem lösen. Die anderen versteckst du einfach.

Viele Grüße...
...Dirk

[cont77]

jedes sichtbare element bekommt die klasse "visible". Wenn du also den Text nur dann anzeigst, wenn auch diese Klasse da ist, dann sollte es dein Problem lösen. Die anderen versteckst du einfach.

JA, so funktioniert es. Auch wenn der "crossfade" Effekt jetzt nicht mehr ganz so schön ist bzw. der Text gar nicht mehr "gefadet" wird

Aber Hauptsache es funktioniert. Da stand ich wirklich bisserl auf dem Schlauch. Danke für die schnelle Hilfe.

[Dirch]

hast du ein ce-Text Element benutzt oder die Galerie? Beim ce-Text müßte es doch reichen, wenn du den Text mit margins/paddings platzierst und das Bild anderweitig skalierst.

Schau mal hier: http://themes.contao.org/de/preview/big-business.html

[cont77]

hast du ein ce-Text Element benutzt oder die Galerie?

Slider 1 ist Galerie
Slider 2 sind Texte

Beim ce-Text müßte es doch reichen, wenn du den Text mit margins/paddings platzierst und das Bild anderweitig skalierst.

Allein mit margins/padding kann ich einen Text meines Wissens nicht mit fixem Abstand von Unten platzieren ... ?

[Dirch]

ah ok. du benutzt tatsächlich 2 Slider. Manche haben das schon so geschrieben und anders gemeint. Dann geht's nicht besser vermute ich. Warum benutzt du nicht den Wrapper und das ce-Text mit Bild darin? Wäre das nicht einfacher so wie in dem Beispiel?

[cont77]

Warum benutzt du nicht den Wrapper und das ce-Text mit Bild darin? Wäre das nicht einfacher so wie in dem Beispiel?

Ist nur einfacher, wenn man die gleiche Anzahl an Elementen hat

Und das Problem mit position: absolute; wäre wohl das gleiche, oder?

Zudem würde dann wohl auch das Bild nicht mehr crossfaden, oder?