Zum Inhalt springen

RTE und CSS - Probleme mit Klassen in innerhalb DIVs

Erstellt am 31. Mai 2007 · Noch keine Antworten

Tags: HTML & CSS, Frage

raphael68 ·

Liebe Leute!

Verwende Typo3 4.0 und den htmlArea RTE.

Bitte um Nachsicht, weil ich Typo3-, CSS- und auch HTML-Anfänger bin. Meine Frage ist womöglich sehr banal, aber ich finde keine Antwort!

Also, meine CSS sieht folgendermaßen aus:

h1.gruen {
background: green;
}

h1.gelb {
background: yellow;
}

p.gruen {
background: green;
}

#Randspaltelinks {
position:absolute;
top:18mm; left:18mm;
background: red;
height: 277mm;
width: 60mm;
z-index: 3;
font-family: Times;
font-size: 10Pt;
text-align: justify;
}

#Hauptspalte {
position:absolute; top:18mm; left:88mm;
background: red;
height: 277mm;
width: 120mm;
font-family: Verdana;
font-size: 12Pt;
text-align: justify;
z-index: 3;
}

In die TS-Config der entsprechenden Seite habe ich folgendes reingeschrieben:

RTE.default {
useCSS = 1
contentCSS = fileadmin/templates/A4/A4-Testseite2.css

classesParagraph:= addToList(gruen)
proc.allowedClasses:= addToList(gruen)
}

RTE.classes.gruen {
name = HintergrundGruen
value = background: green;
}

RTE.classes.gelb {
name = HintergrundGelb
value = background: yellow;
}

Das funktioniert bislang wunderbar. Jetzt möchte ich aber, dass z.B die p.gruen nur innerhalb des DIV Randspalte angewählt werden kann, in der DIV Hauptspalte nicht.

Ich müsste also die p.gruen so im CSS umdefinieren:

#Randspaltelinks p.gruen {
background: green;
}

Aber dann geht's im RTE nicht! Weiß jemand eine Möglichkeit? Ich nehme an, ich muss da was in das TS-Config dazuschreiben, aber was und wie?

Danke im Voraus für die Hilfe!

Raphael 🙁