Hallo,
seit 3.4.1 wird ja für figcaption keine Weite mehr hartkodiert (https://github.com/contao/core/pull/7549).
Was machen wir denn nun um am Besten überlange Captions zu vermeiden?
Viele Grüße
Hallo,
seit 3.4.1 wird ja für figcaption keine Weite mehr hartkodiert (https://github.com/contao/core/pull/7549).
Was machen wir denn nun um am Besten überlange Captions zu vermeiden?
Viele Grüße
Hallo,
die Breite im eigenen CSS auf max-width: 100%
fg
nicky
Gesendet von iPad mit Tapatalk
Und dann? 100% wovon? Da ist keine Bezugsgröße mehr.
-----
<figure class="image_container">
<a href="xxx.jpg" data-lightbox="lb11" title="">
<img src="xxx.jpg" srcset="xxx.jpg 1x, xxx.jpg 1.5x, xxx.jpg 2x" width="200" height="143" alt="xxx">
<script>
window.respimage && window.respimage({
elements: [document.images[document.images.length - 1]]
});
</script>
</a>
<figcaption class="caption">Hier steht ziemlich viel Text, deutlich mehr als 200px ...</figcaption>
</figure>
-----
Hallo,
also ich verstehe das gerade nicht. Warum sollte max-width=100% nicht reichen? Damit wird die caption nicht breiter als sein umgebender div. Und der umgebende div ist .image_container und dessen Breite wird durch das Bild bestimmt. In meinen Augen passend! Oder habe ich jetzt einen Denkfehler?
fg
nicky
edith sagt: fix a typo
Gesendet von iPad mit Tapatalk
In einer Galerie mit z.B. 4 Bildern nebeneinander ist die Galerie bzw. li der umgebende Container. Beide haben aber keine definierte Breite.
Bei max-width: 100% für figcaption darf die Caption maximal so breit werden wie die Galerie. Damit werden die folgenden Bilder nach rechts bzw. unten verdrängt.
Update: image_container hat keine festgelegte Breite und kann daher maximal ausgedehnt werden.
Geändert von reinweiss (23.01.2015 um 17:05 Uhr)
Hallo,
ahhh ... sorry ... Fehler gefunden ... ich weiß, warum es bei mir funktioniert mit max-width: 100% ... ich gebe dem li die jeweilige Grid-Klasse mit, somit wird die Breite eines li nicht durch das Bild bestimmt, sondern durch die verwendete Grid-Klasse und das Bild und auch .caption passen sich an die Breite an. Dann wäre das wahrscheinlich auch die Lösung für Dein Problem! :-)
fg
nicky
Nein, das Bild kann kleiner sein als das Container Element
.Bilder haben eine (von CSS Definitionen abgesehen) fix definierte Breite. Das umgebende Eltern Element, im Fall von Contao entweder ein div oder figure, ist ein Block Level Element. Block Level Elemente nehmen by default 100% der verfügbaren Breite ein. Daher gibt es, nicht selten, Fälle wo das Bild kleiner als der Container ist. Durch die inline style Angabe der Breite der figcaption + max-width:100% konnte man sicher stellen, dass die figcaption nie Breiter als das eigentliche Bild ist. Jetzt geht das nur mehr mit JavaScript (oder Template Anpassung vielleicht).
Ich hab hier mal ein paar Links zu einer reinen CSS Lösung gepostet: https://community.contao.org/de/show...l=1#post357445
Ist eventuell einen Blick wert ;-)
Viele Grüße
Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
[Arbeitet bei -> Paus Design & Medien]
"I can EXPLAIN it to you, but I can't UNDERSTAND it for you."
Hallo,
naja ... doch schon. Mit ein paar php-Snippets im Template ist das kein Problem. Habe ich ja auch so gemacht!
fg
nicky
(damit's auch hier steht)Es gibt nun ein Update dazu.
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen