Hallo ihr lieben!
im div container generator habe ich eine DIV "Tabelle" erstellen lassen.
Nun versuche ich das der Container im Editor über das backend richtig angezeigt wird und im frontend auch. Aber leider scheint der Pfad zur CSS-Datei nicht gefunden zu werden.
Code: \media\editors\tinymce\templates\3spalten.html
<div class="container">
<div class="Bild-1">TEST</div>
<div class="Bild-2">TEST</div>
<div class="Bild-3">TEST</div>
<div class="Text-1">TEST</div>
<div class="Text-2">TEST</div>
<div class="Text-3">TEST</div>
</div>
Code: \templates\system\css\editor.css
/**
* @copyright Copyright (C) 2005 - 2020 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
body {
background: #fff;
font-family: Tahoma, Helvetica, Arial, sans-serif;
line-height: 1.3em;
font-size: 76%;
color: #333;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #666;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #333;
}
h3 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #135cae;
}
h4 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
a:link, a:visited {
color: #1B57B1;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #00c;
text-decoration: underline;
font-weight: normal;
}
div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #666; text-align: center; }
/* STYLES FOR JOOMLA! EDITOR */
hr#system-readmore { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }
.container {
display: grid;
grid-template-columns: 33.33333% 33.33333% 33.33333%;
grid-template-rows: 33.33333px 33.33333px 33.33333px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"Bild-1 Bild-2 Bild-3"
"Text-1 Text-2 Text-3"
". . .";
}
.Bild-1 { grid-area: Bild-1; }
.Bild-2 { grid-area: Bild-2; }
.Bild-3 { grid-area: Bild-3; }
.Text-1 { grid-area: Text-1; }
.Text-2 { grid-area: Text-2; }
.Text-3 { grid-area: Text-3; }
Alles anzeigen
Im Editor, wird mir der DIV Container leider nicht richtig angezeigt.
Unter Plugins -> Editor - TinyMC, habe ich die Option "Template-CSS-Klassen" eingeschaltet. Das führte leider auch nicht zur Lösung.
Ich verwende aktuell noch Joomla 3.9.20
Viele Grüße und ein schönes Wochenende,
Markus