Zum Inhalt springen

HTMLAREA und die CSS Classen

Erstellt am 28. Juli 2006 · 7 Antworten · letzte Antwort am 28. Juni 2007

Tags: Frage

MasterChief ·

Hi,

ich will zu dem HTML Area weitere css-Classen hinzufügen, welche nur auf bestimmte Tags anwendbar sein solle in diesem Fall <td>.
Nun will der RTE diese gar nicht anzeigen, egal was ich mache.

Wenn ich aber nun die Klasse für <tr> definiere dann macht er es sofort.

in der CSS-Datei sieht es z.B. so aus:

tr.classenname{style} //geht
tbody.classenname{style} //geht
.classenname{style} //geht
span.classenname{style} //geht

td.classenname{style} //geht nicht warum auch immer.
p.classenname{style} //geht auch nicht

Was muss noch ins TS, damit ich den Tags <td> und <p> über den Paragraphen eine Klasse zuweisen kann. Wie gesagt für <td> zeigt er mir die entsprechenden Klassen an.

Gruß Dominik

ron ·

hallihallo... also dasselbe problem hatte ich auch...

einfach eine class im css erstellen

table.grey {
	background-color: #cccccc;
}

rte-config

RTE.classes {
        grey {
                name = Graue Tabelle
        }
}
RTE.default.classesTable = grey
#RTE.default.classesTR = grey
#RTE.default.classesTD = grey

weiß nicht ob das der richtige weg ist, aber bei mir funktionierts 😉 ...

Ascarion ·

Hallo,

ich versuche im Moment einfach einer Tabelle eine Klasse zuzuweisen. Leider bleibt das Auswahlfeld im RTE trotz folgendem TS in der Root-Seite ausgegraut:

RTE.classes.myclass.name = Test-Klasse
RTE.default.classesTable = myclass
RTE.default.proc.allowedClasses = myclass

Sieht hier jemand einen Fehler?

crossl ·
schmidtsmikey schrieb

dies löst das Problem:
http://www.pc-erfahrung.de/nebenrubriken/typo3/typo3-css-klassenfrtabelle.html
Bei mir gehen jetzt die CSS-Klassen für Tabellen im HTMLArea

..tja, ich habe das lt. Link probiert, aber bei mir ändert sich nichts

Mein TS-Setup sieht so aus:

....
RTE.default {
        contentCSS = fileadmin/templates/rte_formate.css
...
		classesTable = tabelle
		classesTD = zelleBlau
....
}

Mein rte_formate.css:

table.tabelle {	border-collapse: collapse;	margin: auto;}
table.tabelle td {	border: 1px dashed #C0C0C0;	text-align: center;	
     font-family: arial;	
     font-size: 10px;	
     padding: 6px;}

td.zelleBlau {	background-color: #2d69a9;	color: white;	font-size: 12px;}

Wenn ich dann eine Tabelle im RTE anlege - ändert sich nichts...
Der Quellcode der Tabelle sieht dann so aus:

 <div id="cInhalt">
	<!--  CONTENT ELEMENT, uid:18/text [begin] -->
		<a id="c18"></a>
		<!--  Text: [begin] -->
			<table style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 576px; BORDER-BOTTOM: 1px solid; HEIGHT: 274px" class="contenttable"><tbody><tr><td><p class="bodytext"><strong>Grals-Verwaltung Vomperberg</strong></p></td><td></td><td><p class="bodytext"><strong>Gralswerk e.V.</strong></p></td><td></td>

Wo liegt also mein Fehler?

Gruss
mogli

MaLe ·

Hallo mogli

Bist Du schon weiter? Habe änliches Problem gehabt.
Ich Vermute mal wenn Du den Code der Live-Website mit der Tabelle anschaust wird dem <table>-Tag die class="contenttable" hinzugefügt. Dies kommt vom "Content Access and Extended Interface" tm_contentaccess.
Das heisst wenn die CSS definition greifen soll, muss auch das CSS so definiert werden.

1. Im TSconfig der root-Seite die Klasse contenttable wie gewohnt definieren.
2. In der CSS die definition table.contenttable{...}, table.contenttable caption{...}, table.contenttable tr{...} und table.contenttable td{...} schreiben.

Vileicht hilfts ja weiter.

Gruss
MaLe

MaLe ·

Oder anders rum.
Lass deine RTE Klassen auch parsern indem Du...

ins typoscript template (Setup) folgendes schreibst:

lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

Gruss
MaLe