Figcaption Width

[stephangunnar]

Ich lasse die Bildbeschreibung (=figcaption) mit CSS über dem Bild anzeigen mit dem Selektor .caroufredsel. ce_image figcaption, siehe http://stephanmichel.de/index.php/slider-test.html.

Was ich jetzt nicht verstehe ist, woher im Code

<figcaption class="caption" style="width:1280px">Das ist ein Text</figcaption>

die Weite von 1280px herkommt. Ich möchte erreichen, dass die background-color nicht über die ganze Breite geht, sondern nur so breit ist wie der Text.

Edit: Ich habe jetzt gesehen, daß die Weite von der Bildbeschreibung von 1280PX die Orginalbreite des Bildes ist, was mit natürlich auch nicht weiter hilft. Kann ich irgendwie den code

style="width:1280px"

unterdrücken bei der Bildbeschreibung?

[Blue]

Hallo,
du kannst im CSS mit "width: auto !important;" die Breite überschreiben. Eventuell noch display: inline-block;

Gruß,
Blue

[Dirch]

Hallo,

die Breite bei den figcaptions wird von Contao durch das ce_image-Template gesetzt und ist immer gleich der Breite wie im img-Tag. Du kannst es so anpassen wie Blue es schrieb.

Grüße...
...Dirk

[Bennie]

Bin gerade auf diesen thread gestoßen, da ich auch so ein Problem hatte, allerdings habe ich der figcaption text-align:center gegeben, weil die Unterschrift mittig unter das Bild sollte.
Dann geht das so nicht mit width:auto important; - zumindest bei mir ist es so, dass das Bild 300px breit ist, bei width:auto important; führt das dazu, dass die Unterschrift mittig zur Gesamtbreite des Inhaltsbereichs angezeigt wird.
Meine Lösung ist daher max-width:100%;
Irgendwie tauchte das Problem aber nur beim Teaser vom NewsModul auf.
Das funktioniert bisher in allen Bereichen, also in der rechten Spalte genauso wie im main Bereich. egal wie breit die sind.
Ah sorry hier geht es um dk_caroufredsel , sorry da war ich mal zu schnell .
Vielleicht hilft es dennoch jemandem, ob das die optimale Lösung ist kann ich nicht sagen ;-)

LG
Bennie

[Andreas]

Siehe auch hier https://community.contao.org/de/show...l=1#post567232