Breite der Bildunterschrift anpassen: Unterschied zwischen den Versionen

Version vom 15. April 2011, 11:22 Uhr

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

Zum Ändern des Codes erstellt man einfach eine Kopie des gewünschte Core-Template und macht aus dem Abschnitt:

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

das hier:

<div class="caption" style="width: <?php echo $this->arrSize[0]; ?>px"><?php echo $this->caption; ?></div>

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:

<div class="cap_outside" style="width: <?php echo $this->arrSize[0]; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div>