Hallo Gemeinde,
ich habe ein Problem mit dem RTE, an dem ich verzweifle.
Ich habe im Page TS eine eigene CSS Datei definiert, damit Überschriften H1 und H2 wie auf der Frontend Seite angezeigt werden.
RTE.default {
# Zuweisung der CSS-Datei
contentCSS = fileadmin/styles/rte.css
useCSS = 1
}
Funktioniert im Prinzip prima, nur ist nun aufgefallen, das nach aktivieren des eigenen Stylesheets keine Listensymbole (ul und ol) mehr angezeigt werden.
Wenn man im Quelltext schaut, sieht man, dass die Liste bzw. der Quelltext maskiert wird, wobei ich eigentlich glaube, dass dies nicht dazu führen sollte, dass der Browser den Inhalt nicht mehr als Liste erkennt.
Bei diversen Tests ist dann nämlich noch aufgefallen, dass Listen sofort korrekt angezeigt werden, sobald man das externe Stylesheet deaktiviert, obwohl auch da die HTML-Tags maskiert werden.
Ist das schonmal jemandem aufgefallen?
Danke und viele Grüße,
Alex
Wenn man im Quelltext schaut, sieht man, dass die Liste bzw. der Quelltext maskiert wird
Was darf man sich darunter vorstellen?
... dass Listen sofort korrekt angezeigt werden, sobald man das externe Stylesheet deaktiviert
Die Wahrscheinlichkeit ist gross, dass es an dem Stylesheet liegt.
Hallo Mops,
der Quellext sieht maskiert so aus...
< ;ol> ;< ;li> ;Text< ;/li> ;< ;/ol> ;
(Mußte vor jedem Semikolon ein Leerzeichen einfügen, da der Browser sonst natürlich das Ganze genau wie unten drunter interpretiert uns ausgegeben hätte.)
...und nicht so...
<ol><li>Text</li></ol>
Bzgl. Stylesheet. Selbst wenn ich eine leere Datei einbinde, kommt es zu dem genannten Phänomen und auch...
ol, ul {list-style-type: disc !important;}
im Stylesheet bringt nichts.
Die Überschriften (h1 und h2), die in dem Stylesheet definiert sind, werden aber richtig angezeigt.
Alles sehr eigenartig! Ist das Problem jetzt klarer?
Danke und viele Grüße,
Alex
Und es lag' doch am Stylesheet...
Ich kann wirklich nicht erklären, warum die leere CSS-Datei beim Testen gestern trotzdem die Anzeige der List-Symbole verhindert hat, evtl. ein Cache-Problem?!
Durch Zufall (Arbeit an einem anderen Projekt) bin ich nun aber doch auf die richtige Spur gekommen. Und zwar haben wir in unserem Stylesheet folgende Definition:
* {
padding: 0;
margin: 0;
}
Diese führt wohl dazu, dass die List-Symbole außerhalb des anzeigbaren Bereichs liegen.
Trotzdem Danke für Euren Support!
Alex