ich habe gelesen, man könne die Ausgabe von CSS_styled_content in 3 Alternativen einstellen. (mit li oder mit dl oder mit divs. (Siehe auch Laborenz, Typo3 4.0 Seite 477). Genauer: es gibt 3 Quellcode-Varianten fürs Rendering
Momentan wird ein "Bild mit Text" in Definition list, also dt "Bild" und dd "caption" gerendert. Ich würde es gerne umstellen, weil die Website untereinanderliegende Bilder hat, die ohne Abstand aneinandergehörten, nun aber immer eine dd der "caption" dazwischen liegt.
Wo kann ich das Rendering-Verhalten ändern?
Zumindest beim Update war das wohl möglich. Nun habe ich eine Website übernommen, die schon von 3.8. auf 4.0 upgedatet ist.
Thanx in advance
Hallole!
Bei Bildern mit wenig umfliessenden Text (weniger als das Bild) verrutscht mir der darauf folgende Content. Daher war ich auch auf der Suche nach diesen 3 Varianten, auf die in dem Buch leider nicht genauer eingegangen wurde, und habe ich mir einfach mal im Template Analyzer css_styled_content angeschaut. In der Zeile 1348 bis 1375 (Stichwort renderMethod) habe ich einen Hinweis gefunden.
Die folgenden Einträge im Setup des Templates führen zu folgenden Ergebnissen:
tt_content.image.20.renderMethod = dl
<div class="csc-textpic csc-textpic-intext-left csc-textpic-equalheight">
<div class="csc-textpic-imagewrap">
<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:300px;">
<dt><img src="typo3temp/pics/3eecf29ddc.jpg" width="300" height="225" alt="" /></dt>
<dd class="csc-textpic-caption"></dd>
</dl>
</div>
......
tt_content.image.20.renderMethod = ul
<div class="csc-textpic csc-textpic-intext-left csc-textpic-equalheight">
<div class="csc-textpic-imagewrap">
<ul>
<li class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:300px;">
<img src="typo3temp/pics/3eecf29ddc.jpg" width="300" height="225" alt="" />
<div class="csc-textpic-caption"></div>
</li>
</ul>
</div>
..................
tt_content.image.20.renderMethod = div
<div class="csc-textpic csc-textpic-intext-left csc-textpic-equalheight">
<div class="csc-textpic-imagewrap">
<div class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:300px;">
<div>
<img src="typo3temp/pics/3eecf29ddc.jpg" width="300" height="225" alt="" />
</div>
<div class="csc-textpic-caption"></div>
</div>
</div>
............
Ich habe noch nicht prüfen können, welche erwünschten/unerwünschten Folgen dieser Eingriff hat. Wäre prima, wenn du hier mal berichten würdest.
Grüße
Erwin