Contao-Camp 2024
Ergebnis 1 bis 11 von 11

Thema: Externe Stylesheets - Es werden keine Hintergrundbilder angezeigt

  1. #1
    Contao-Nutzer
    Registriert seit
    27.04.2021.
    Beiträge
    5

    Standard Externe Stylesheets - Es werden keine Hintergrundbilder angezeigt

    Hallo liebe Community,

    ich stehe voll auf dem Schlauch.

    wenn ich ein internes Stylesheet anlege und dort ein Hintergrundbild auswähle, wird es im Frontend ausgegeben.
    Da der interne Editor für die Stylesheets bald wegfällt, habe ich die css Dateien in die Dateiverwaltung geladen, was dazu führt, dass keine Hintergrundbilder mehr angezeigt werden. Wenn ich statt dem Bild dem Background eine Farbe zuweise, dann ist alles okay.

    Ich arbeite mit der Version 4.11.2, hatte das Problem aber vorher schon, was der einzige Grund ist, warum ich noch mit den internen Stylesheets arbeite.

    Vielen Dank für eure Hilfe

    Jenny

  2. #2
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Jenny,

    willkommen im Forum.

    Ich vermute du musst im externen CSS dann die Pfade anpassen, also schau einmal nach den relativen Pfaden.
    Und: Die CSS-Dateien dürfen nicht direkt im Ordner „files” liege, sondern in einem öffentlichen Unterverzeichnis, z. B. „css”.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  3. #3
    Contao-Nutzer
    Registriert seit
    27.04.2021.
    Beiträge
    5

    Standard

    Zitat Zitat von planepix Beitrag anzeigen
    Hallo Jenny,

    willkommen im Forum.
    Danke schön :-) Auch für den schnellen Tipp!
    Zitat Zitat von planepix Beitrag anzeigen
    Ich vermute du musst im externen CSS dann die Pfade anpassen, also schau einmal nach den relativen Pfaden.
    Ja, so ist das! Damit habe ich mich noch nie beschäftigt, weil es bequem über den Editor ging ;-)
    Zitat Zitat von planepix Beitrag anzeigen
    Und: Die CSS-Dateien dürfen nicht direkt im Ordner „files” liege, sondern in einem öffentlichen Unterverzeichnis, z. B. „css”.
    Die css liegt im öffentlichen Unterordner.
    Ich habe den Pfad zum Bild gefunden und kann es auch im Browser aufrufen. Habe die url kopiert und in die css eingegeben, dann kommt Fehler 404.

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Kannst du einen Link posten zur Website?
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  5. #5
    Contao-Nutzer
    Registriert seit
    27.04.2021.
    Beiträge
    5

  6. #6
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Mache aus diesem:

    Code:
    body {
        background-image:url("../../files/Technik/files/Standard/Bussard.jpg");
        background-position:center top;
        background-repeat:repeat;
        font:18px Arial,Comic Sans MS;
        color:#e0ffff;
    }
    mal das hier:

    Code:
    body {
        background-image:url("/files/Standard/Bussard.jpg");
        background-position:center top;
        background-repeat:repeat;
        font:18px Arial,Comic Sans MS;
        color:#e0ffff;
    }
    Bildschirmfoto 2021-04-27 um 22.11.25.png

    Im Codeinspektor des Browsers siehst du den Pfad und kannst dann dort temporär den Pfad korrigieren, damit dir das Bild angezeigt wird. Und dann ins CSS übernehmen.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  7. #7
    Contao-Nutzer
    Registriert seit
    27.04.2021.
    Beiträge
    5

    Standard

    Guten Morgen planepix,

    es ist etwas peinlich, aber ich habe den falschen Fehler benannt.

    Es steht ganz groß "forbidden" dran, also ein 403 Fehler.

    Diesbezüglich habe ich nun den Support des Hosters angeschrieben, sobald ich Nachricht habe und der Fehler hoffentlich beseitigt werden konnte, gebe ich Bescheid.

    Dein Hinweis mit den relativen Pfaden hat mich dennoch weitergebracht, wieder was gelernt :-)

    Wünsche einen tollen Tag!

  8. #8
    Contao-Nutzer
    Registriert seit
    27.04.2021.
    Beiträge
    5

    Standard Eine mögliche Lösung gefunden

    Vom Hoster ist noch keine Nachricht gekommen.

    Ich habe die css local bearbeitet und den Pfad wie vorgeschlagen eingegeben

    Code:
    body {
        background-image: url("/files/Standard/Bussard.jpg");
        background-position:center top;
        background-repeat:repeat;
        font:18px Arial,Comic Sans MS;
        color:#e0ffff;
    }
    Dann habe ich die alte css via FileZilla gelöscht und die neue Variante hochgeladen. So klapp's
    Geändert von Jenny W (29.04.2021 um 13:24 Uhr)

  9. #9
    Contao-Nutzer
    Registriert seit
    29.09.2021.
    Ort
    Rügen
    Beiträge
    18

    Standard Dasselbe Problem

    Ich habe dasselbe Problem.
    Wo genau, in welchen öffentlichen Ordner kann ich meinen Ordner mit den CSS legen? In /files sollen sie nicht liegen. Wenn ich sie aber woanders hin lege, z.B. in /web, dann kann ich diesen Ordner im Seitenlayout zum Aussuchen der css-Dateien ja nicht ansteuern.

  10. #10
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Lege dir in der Dateiverwaltung einen Ordner „css” an, stelle diesen auf öffentlich. Dann kannst du im Seitenlayout diese CSS-Dateien unter externe Stylesheets einbinden.

    Wäre dann „/files/css/deinecss.css”.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  11. #11
    Contao-Nutzer
    Registriert seit
    29.09.2021.
    Ort
    Rügen
    Beiträge
    18

    Standard

    Lege dir in der Dateiverwaltung einen Ordner „css” an, stelle diesen auf öffentlich. Dann kannst du im Seitenlayout diese CSS-Dateien unter externe Stylesheets einbinden.

    Wäre dann „/files/css/deinecss.css”.
    Ganz herzlichen Dank. Alles so gemacht und nachdem ich den Pfad zur Bilddatei angepasst hatte, klappt alles.

    Manchmal liegt es wirklich an so kleinen Dingen, an denen man verzweifelt

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •