Breite der Bildunterschrift anpassen - Versionsgeschichte

Andreas: Weitere Möglichkeit

2013-09-24T00:31:16Z

Weitere Möglichkeit

Nina: falsche Variable genutzt, jetzt ist es die richtige

2011-04-15T10:22:36Z

falsche Variable genutzt, jetzt ist es die richtige

Manitougs: Anpassungen

2011-04-09T21:17:22Z

Anpassungen

Nina: Die Seite wurde neu angelegt: „Wenn die Bildunterschrift etwas länger ausfällt wird das entsprechende DIV deutlich breiter als das eigentliche Bild. In den meisten Fällen sieht das ziemlich …“

2011-04-08T19:15:49Z

Die Seite wurde neu angelegt: „Wenn die Bildunterschrift etwas länger ausfällt wird das entsprechende DIV deutlich breiter als das eigentliche Bild. In den meisten Fällen sieht das ziemlich …“

Neue Seite

Wenn die Bildunterschrift etwas länger ausfällt wird das entsprechende DIV deutlich breiter als das eigentliche Bild. In den meisten Fällen sieht das ziemlich dumm aus, so dass es besser wäre, wenn das Feld genauso breit ist wie das zugeordnete Bild. Netterweise gibt es inzwischen eine Variable die die Breite des Bildes ausgibt, so dass es sehr leicht ist, die Bildunterschrift entsprechend anzupassen.

Man muss dabei allerdings bedenken, dass die Bildunterschrift in sehr vielen Templates vorkommt. Ich zeige deshalb hier nur den Code den man einfügen muss. In welches Template man das dann packt, ist jedem selbst überlassen. Ich mache es meist zumindest im ce_text.tpl - aber auch die Templates news_full.tpl und gallery_default.tpl sind bei den meisten Seiten im Gebrauch.

Öffnet einfach das gewünschte Core-Template und macht aus dem Abschnitt:

<source lang="php"><div class="caption"><?php echo $this->caption; ?></div></source>

das hier:

<source lang="php"><div class="caption" style="width: <?php echo $this->width; ?>px"><?php echo $this->caption; ?></div></source>

Falls ihr für die .caption-Klasse schon andere Werte wie Padding, Margin oder Border verwenden wollt, macht es Sinn, dass ihr einen anderen Weg geht um keine Boxmodell-Probleme auszulösen. In dem Fall könnt ihr einfach ein neues DIV ergänzen und den Code-Abschnitt z. B. so modifizieren:

<source lang="php"><div class="cap_outside" style="width: <?php echo $this->width; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div></source>

← Nächstältere Version		Version vom 24. September 2013, 00:31 Uhr
Zeile 15:		Zeile 15:

	<source lang="php"><div class="cap_outside" style="width: <?php echo $this->arrSize[0]; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div></source>		<source lang="php"><div class="cap_outside" style="width: <?php echo $this->arrSize[0]; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div></source>
		+
		+
		+	----
		+
		+	Es gibt auch eine Möglichkeit das Problem mit CSS zu lösen, siehe hier [https://community.contao.org/de/showthread.php?44572-Bildunterschrift-umbrechen&p=288069&viewfull=1#post288069 Forum 44572-Bildunterschrift-umbrechen]
		+	{{Anmerkung\|Wer möchte, kann den Text aus dem Forum gerne kopieren und an das Wiki anpassen.}}
		+
		+	--[[Benutzer:Andreas\|Andreas Burg]] 02:31, 24. Sep. 2013 (CEST)

@@ Zeile 10: / Zeile 10: @@
 das hier:
-<source lang="php"><div class="caption" style="width: <?php echo $this->width; ?>px"><?php echo $this->caption; ?></div></source>
+<source lang="php"><div class="caption" style="width: <?php echo $this->arrSize[0]; ?>px"><?php echo $this->caption; ?></div></source>
 Will man für die .caption-Klasse andere Werte wie Padding, Margin oder Border verwenden, macht es Sinn, dass man einen anderen Weg geht um keine Boxmodell-Probleme auszulösen. In dem Fall kann man einfach ein neues DIV ergänzen und den Code-Abschnitt z. B. so modifizieren:
-<source lang="php"><div class="cap_outside" style="width: <?php echo $this->width; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div></source>
+<source lang="php"><div class="cap_outside" style="width: <?php echo $this->arrSize[0]; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div></source>

@@ Zeile 1: / Zeile 1: @@
 Wenn die Bildunterschrift etwas länger ausfällt wird das entsprechende DIV deutlich breiter als das eigentliche Bild. In den meisten Fällen sieht das ziemlich dumm aus, so dass es besser wäre, wenn das Feld genauso breit ist wie das zugeordnete Bild. Netterweise gibt es inzwischen eine Variable die die Breite des Bildes ausgibt, so dass es sehr leicht ist, die Bildunterschrift entsprechend anzupassen.
-Man muss dabei allerdings bedenken, dass die Bildunterschrift in sehr vielen Templates vorkommt. Ich zeige deshalb hier nur den Code den man einfügen muss. In welches Template man das dann packt, ist jedem selbst überlassen. Ich mache es meist zumindest im ce_text.tpl - aber auch die Templates news_full.tpl und gallery_default.tpl sind bei den meisten Seiten im Gebrauch.
+Man muss dabei allerdings bedenken, dass die Bildunterschrift in sehr vielen Templates vorkommt. Hier wird deshalb nur der Code gezeigt, den man einfügen muss. In welches Template man das dann packt, ist jedem selbst überlassen. Am meisten verwendet ist das Template ce_text.tpl - aber auch die Templates news_full.tpl und gallery_default.tpl sind bei den meisten Seiten im Gebrauch.
-Öffnet einfach das gewünschte Core-Template und macht aus dem Abschnitt:
+Zum Ändern des Codes [[Templates_bearbeiten|erstellt]] man einfach eine Kopie des gewünschte Core-Template und macht aus dem Abschnitt:
 <source lang="php"><div class="caption"><?php echo $this->caption; ?></div></source>
@@ Zeile 11: / Zeile 12: @@
 <source lang="php"><div class="caption" style="width: <?php echo $this->width; ?>px"><?php echo $this->caption; ?></div></source>
-Falls ihr für die .caption-Klasse schon andere Werte wie Padding, Margin oder Border verwenden wollt, macht es Sinn, dass ihr einen anderen Weg geht um keine Boxmodell-Probleme auszulösen. In dem Fall könnt ihr einfach ein neues DIV ergänzen und den Code-Abschnitt z. B. so modifizieren:
+Will man für die .caption-Klasse andere Werte wie Padding, Margin oder Border verwenden, macht es Sinn, dass man einen anderen Weg geht um keine Boxmodell-Probleme auszulösen. In dem Fall kann man einfach ein neues DIV ergänzen und den Code-Abschnitt z. B. so modifizieren:
 <source lang="php"><div class="cap_outside" style="width: <?php echo $this->width; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div></source>