Zum Inhalt springen

Durch CSC verursachte Wraps um Bilder

Erstellt am 27. September 2007 · 2 Antworten · letzte Antwort am 27. September 2007

Tags: Inhaltselemente, Bilder, Tipp

maxB ·

An mehreren Stellen habe ich hier im Forum das Problem gelesen, dass durch die Extension "css_styled_content" diverse überflüssige DIVs in den Quelltext einer TYPO3-Seite eingebaut werden.
Viele Hinweise führten dazu, dass man die Überschriften von den ungewünschten Klassen befreien konnte - oder die berühmte Klasse "bodytext" aus den p-Tags verbannen konnte.
Doch keiner der Hinweise führte (meines Wissens) dazu, dass man die Klassen "csc-textpic" usw. aus den Bilder umschachtelten DIVs rausbekam.

Mir ist das Problem heute Abend wieder einmal begegnet. In einem Tutorial zu einem vollkommen anderen Thema bin ich schließlich fündig geworden.
Die Lösung besteht in den folgenden Zeilen:

## Bilder von umrahmenden DIVs befreien
tt_content.image.20.imageStdWrap.dataWrap = |
tt_content.image.20.imageColumnStdWrap.dataWrap = |
tt_content.image.20.layout.default.value = ###IMAGES######TEXT###
tt_content.image.20.layout.1.value = ###IMAGES######TEXT###
tt_content.image.20.layout.2.value = ###IMAGES######TEXT###
tt_content.image.20.layout.8.value = ###TEXT######IMAGES###
tt_content.image.20.layout.9.value = ###TEXT######IMAGES###
tt_content.image.20.layout.10.value = ###TEXT######IMAGES###
tt_content.image.20.layout.17.value = ###IMAGES######TEXT###
tt_content.image.20.layout.18.value = ###IMAGES######TEXT###
tt_content.image.20.layout.25.value = ###IMAGES######TEXT###
tt_content.image.20.layout.26.value = ###IMAGES######TEXT###
tt_content.image.20.rendering.dl.imageRowStdWrap.dataWrap = |
tt_content.image.20.rendering.dl.noRowsStdWrap.wrap =
tt_content.image.20.rendering.dl.oneImageStdWrap.dataWrap = |
tt_content.image.20.rendering.dl.imgTagStdWrap.wrap = |
tt_content.image.20.rendering.dl.editIconsStdWrap.wrap = |
tt_content.image.20.rendering.dl.caption.wrap = |
tt_content.image.20.rendering.ul.imageRowStdWrap.dataWrap = |
tt_content.image.20.rendering.ul.noRowsStdWrap.wrap = |
tt_content.image.20.rendering.ul.oneImageStdWrap.dataWrap = |
tt_content.image.20.rendering.ul.imgTagStdWrap.wrap =
tt_content.image.20.rendering.ul.editIconsStdWrap.wrap = |
tt_content.image.20.rendering.ul.caption.wrap = |
tt_content.image.20.rendering.div.imageRowStdWrap.dataWrap = |
tt_content.image.20.rendering.div.noRowsStdWrap.wrap =
tt_content.image.20.rendering.div.oneImageStdWrap.dataWrap = |
tt_content.image.20.rendering.div.imgTagStdWrap.wrap = |
tt_content.image.20.rendering.div.editIconsStdWrap.wrap = |
tt_content.image.20.rendering.div.caption.wrap = |

Ich habe mich nun nicht mehr daran gemacht und habe genau identifiziert, welche Zeile nun genau welche Einstellung anspricht. Tatsache ist jedenfalls, dass alle (von mir bislang getetesten) Einstellungen nun ordentlich im Quelltext stehen. Im Endeffekt heißt das bei z.B. verlinkten Bildern:

<a href="http://www.domain.de" title="Link"><img src="pfad/zum/bild" width="x" height="y" border="0" alt="Alternativer Titel" /></a>

Für mich persönlich war das immer das Ziel, welches ich endlich erreicht habe.

Ich hoffe, dass diese Zeilen ein paar Leuten helfen können.

just2b ·

und wie ist das jetzt bei einem contentelement "Text mit Bild" mit 10 Bildern in 3 Spalten und die Bilder links vom Text positioniert... funkt das dann noch?

lg georg

maxB ·

Da ich persönlich sowas nicht nutze, ist mir das recht egal. Ich habe das ja mit dem Kommentar gepostet, dass ich nicht bis ins Detail weiß, welche Zeile genau wofür ist.
Dass jeder das nach seinen Bedürfnissen anpassen muss, sollte klar sein. Irgendwo muss man Abstriche machen. Ich nutze keine 10 Bilder in drei Spalten links vom Text - bei einer solch großen Anzahl an Bildern nutze ich eine Galerie.