css lässt sich nicht komplett einbetten

Hallo!

Mein Problem ist, dass sich das Css file nicht vollständig einbetten lässt.
Text und Schrift sowie Farbe lassen sich ändern und das wird dann auch im Browserfenster richtig angezeigt, aber die Bilder die ich alle in images hochgeladen hab werden nicht angezeigt (zB hintergründe vom Menü etc)
Bin schon am Verzweifeln und leider noch garnicht vertraut mit der Materie #angry#

Ein Beispiel (Hintergrundbild)

Code im Template:

# Default PAGE object:
page = PAGE

page.includeCSS.file1 = fileadmin/html_templates/css/style.css

Code im CSS:

}
body {
font-family: Arial, Helvetica, sans-serif;
color: #717171;
font-size: 12px;
background-image:url(fileadmin/images/saleaugust09.jpg);
}

Code im Quelltext vom Browser:

<body>

davor stehen noch <link>, <meta> und <script> im <head>, danach kommt <table>

das müsste doch bedeuten, dass der body angezeigt wird?
Arial, color und font size funktionieren auch. Das Bild aber nicht, auch wenn ich
background-image:url(images/saleaugust09.jpg) und andere Varianten angebe.

Habe schon einige Foren durchforstet aber nichts hat geholfen,
hoffe ihr könnt mir helfen

Liebe grüße,
Julia

Hallo Julia.

Dateien, die Du in CSS-Dateien referenzierst, benötigen eine Pfadangabe relativ zu dieser CSS-Datei.
Um von fileadmin/html_templates/css/style.css nach fileadmin/images/saleaugust09.jpg zu kommen, müsste man also zwei Verzeichnisse höher wechseln (../../) und dann in "images" wechseln. Somit ergibt sich z.B.

background-image:url(../../images/saleaugust09.jpg);

Alternativ müsste es auch klappen, mit absolutren Pfaden zu arbeiten, d.h. ein "/" dem "fileadmin" voranzustellen. Das ist aber ggf. beim lokalen bearbeiten des Templates hinderlich.

Viele Grüße
Julian

Hallo Julian!

Danke es hat endlich geklappt, eine Sorge weniger 😉

Liebe Grüße,
Julia