Teaser Text im Bild

Moin,

ich möchte meinen Teasetext im Bild haben wie bei der Sliderfunktion

Anhang 17650 jedoch holt die Sliderfunktion sich die Info aus der Bildunterschrift... das möchte ich jedoch nicht.

Wie mache ich das ?

Von welcher "Sliderfunktion" sprichst du?

Prinzipiell setzt du das einfach mit CSS um.

Das Übereinanderlegen der Inhalte (Text über Bild), kannst Du via CSS lösen.
Zumindest sofern Text und Bild untereinander ausgegeben werden.

Der konkrete HTML-Code (als Link) wäre hier mal wieder eine Hilfe.
Aber das kannst Du natürlich nach 85 Posts noch nicht wissen :-)

Du solltest dabei das responsive Verhalten von Bild und Text berücksichtigen.

Es geht nicht vielmehr um den Link sondern die Funktion ... aber klar hier der Link...

http://www.flensburger-stadtanzeiger.de/
Bild und Teasertext aus dem gleichen inhaltselement...



Den Teasertext würde ich gerne wie im Bild beim ersten Post ins Bild haben ..

@Spooky

stimmt es ist eine extra Extension der Slider.... dachte gerade dran das die immer in einer Contao version drin ist .. aber du hast recht ist sie ja nicht

Zitat:

---

Zitat von Spooky

Von welcher "Sliderfunktion" sprichst du?

Prinzipiell setzt du das einfach mit CSS um.

---

Ja das habe ich mir auch schon gedacht, nur habe ich keinen blassen schimmer wie ich das mache.

CSS und "position: absolute;" kann hier Dein Freund sein.

Zitat:

---

Zitat von Samuell

CSS und "position: absolute;" kann hier Dein Freund sein.

---

Ja das könnte hin kommen, nur weiß ich leider nicht wo ich das eintragen kann... vllt hast du da noch ein Tipp...
lg Heiko

Ähm ... in Deinen CSS-Files?

Hallo,

im Slider finde ich keinen Teasertext, nur in den Newsbeiträgen darunter. Falls die gemeint sind, könnte Dein CSS etwa so aussehen:

.teaser {
position: absolute;
top: 249px;
background-color: white; /*Fallback für alte Browser die mit rgba nicht umgehen können*/
background: rgba(255,255,255,.75);
display: block;
padding: 0 2rem;
color: black;
}

Viele Grüße
Hella

edit: Das setzt allerdings voraus, dass die Bilder und die Teasertexte in etwa immer die selben Maße haben. Ich sehe gerade, dass das nicht immer der Fall ist. Also ein bißchen rumprobieren mit meinem CSS.

Zitat:

---

Zitat von fusch

Hallo,

im Slider finde ich keinen Teasertext, nur in den Newsbeiträgen darunter. Falls die gemeint sind, könnte Dein CSS etwa so aussehen:

.teaser {
position: absolute;
top: 249px;
background-color: white; /*Fallback für alte Browser die mit rgba nicht umgehen können*/
background: rgba(255,255,255,.75);
display: block;
padding: 0 2rem;
color: black;
}

Viele Grüße
Hella

edit: Das setzt allerdings voraus, dass die Bilder und die Teasertexte in etwa immer die selben Maße haben. Ich sehe gerade, dass das nicht immer der Fall ist. Also ein bißchen rumprobieren mit meinem CSS.

---

Danke genau das habe ich gesucht ... ich habe bei mir die CSS .Teaser nicht gefunden obwohl ich mir sicher bin das muss da irgendwo sein
lg heiko

Dann solltest Du aber das mobile Layout nochmal überarbeiten.
Da läuft der Text nämlich aus der Bahn und überlagert den Weiterlesen-Link.