Inline-CSS-Befehle entfernen

Hallo,
ich habe folgenes Problem:

Immer wenn ich Inhaltselemente vom Typ Bild erstelle, haut Typo3 mir nervige Breitenangaben in den HTML-Code:
<... style="width: 290px;">

<!--  CONTENT ELEMENT, uid:360/image [begin] -->
		<a id="c360"></a><div class="contentelement">
		<!--  Header: [begin] -->

			<div class="csc-header csc-header-n1"><h2 style="text-align: center;" class="csc-firstHeader">please select a category:</h2></div>
		<!--  Header: [end] -->
			
		<!--  Image block: [begin] -->
			<div class="csc-textpic csc-textpic-center csc-textpic-above"><div class="csc-textpic-imagewrap" style="width: 290px;"><div class="csc-textpic-imagerow" style="width: 290px;"><dl class="csc-textpic-image csc-textpic-firstcol" style="width: 140px;"><dt><a href="index.php?id=59&amp;L=1"><img src="uploads/pics/extreme_02.gif" alt="" border="0" width="140" height="140"></a></dt></dl><dl class="csc-textpic-image csc-textpic-lastcol" style="width: 140px;"><dt><a href="index.php?id=62&amp;L=1"><img src="uploads/pics/jibes_01.gif" alt="" border="0" width="140" height="140"></a></dt></dl></div><div class="csc-textpic-imagerow" style="width: 290px;"><dl class="csc-textpic-image csc-textpic-firstcol" style="width: 140px;"><dt><a href="index.php?id=61&amp;L=1"><img src="uploads/pics/jumps_01.gif" alt="" border="0" width="140" height="140"></a></dt></dl><dl class="csc-textpic-image csc-textpic-lastcol" style="width: 140px;"><dt><a href="index.php?id=57&amp;L=1"><img src="uploads/pic.....
.....

Dadurch kann ich die Eigenschaften nicht in einer externen CSS-Datei überschreiben.

Wie kann ich diese CSS-Inline-Befehle entfernen?

Soweit ich weiss benötigt das T3 umd die Abstände z.B. Bild zu Text etc. zu definieren.

Du könntest demnach diesen Wert in den Constants entsprechend anpassen oder versuche ihn zu entfernen. Am besten schaust Du dazu mit dem Template-Analyzer in das TS von css_content_get. Dort siehst Du wie das Element aufgebaut wird und kann die entsprechende Stelle per TS überschreiben.

Gruß
Michael

Äußerst interessant! Und hilftreich. Ich danke dir!

Für alle anderen: Ich bin nun im Template-Modul auf meine Root-Seite gegangen und dann mit dem Template Analyser das Template "EXT:css_styled_content/static" angeschaut. Mit diesen Informationen konnte ich geziehlt div-Blöcke entfernen, soetwa:

tt_content.image.20.imageStdWrap.dataWrap >
tt_content.image.20.imageColumnStdWrap.dataWrap>

tt_content.image.20.rendering{ 
 dl.imageRowStdWrap.dataWrap >
dl.oneImageStdWrap.dataWrap >
dl.imgTagStdWrap.wrap >

 ul.imageRowStdWrap.dataWrap >
ul.oneImageStdWrap.dataWrap >
ul.imgTagStdWrap.wrap >

 div.imageRowStdWrap.dataWrap >
div.oneImageStdWrap.dataWrap >
div.imgTagStdWrap.wrap >
}


tt_content.image.20.rendering {
  dl.imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
   ul.imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"><ul> | </ul></div>
   div.imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
}

Natürlich habe ich diese Änderunge nicht global vorgenommen, sondern nur als Extention Template für eine bestimmte Seite