Teaser Text im Bild

[flensburger-stadtanzeig]

Moin,

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

teaser-text im bild.JPG jedoch holt die Sliderfunktion sich die Info aus der Bildunterschrift... das möchte ich jedoch nicht.

Wie mache ich das ?

[Spooky]

Von welcher "Sliderfunktion" sprichst du?

Prinzipiell setzt du das einfach mit CSS um.

[Samuell]

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.

[flensburger-stadtanzeig]

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

[flensburger-stadtanzeig]

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.

[Samuell]

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

[flensburger-stadtanzeig]

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

[Samuell]

Ähm ... in Deinen CSS-Files?

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

[flensburger-stadtanzeig]

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

[Samuell]

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