1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

CSS - Grafik kann nicht geladen werden

Dieses Thema im Forum "Design" wurde erstellt von Migray, 15. November 2015.

  1. Migray

    Migray Member

    Registriert seit:
    15. November 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Hallo zusammen!

    Ich hoffe sehr, dass mir jemand helfen kann.

    Folgendes: Ich habe im wordpress editor im CSS ein Listen-Icon ändern wollen. Ursprünglich hieß dieses so:

    .widget_recent_entries li::before {
    content: '\f133';
    }

    Ich habe es jetzt geändert zu:

    .widget_recent_entries li::before {
    content: url('../web/wp-content/ahorn.png');
    }

    Die Grafik wird aber nicht geladen. Anscheinend ist der Pfad falsch, aber wohin soll ich die Grafik dann schieben, damit diese erkannt wird?

    Vielen Dank für eure Hilfe!
     
    #1 Migray, 15. November 2015
  2. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    #2 mensmaximus, 15. November 2015
  3. Migray

    Migray Member

    Registriert seit:
    15. November 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Ok, also ich habe es jetzt so geschrieben
    .widget_recent_entries li::before {
    content: url('http://www.meinedomain.de/wp-content/ahorn.png');
    margin-right: 5px;
    }

    Es klappt aber noch nicht... Was mache ich falsch?
     
    #3 Migray, 15. November 2015
  4. FlorianBrinkmann

    FlorianBrinkmann Well-Known Member

    Registriert seit:
    6. Oktober 2013
    Beiträge:
    390
    Zustimmungen:
    1
    Der Pfad wird falsch sein. Wo hast du das Bild denn hochgeladen?
     
    #4 FlorianBrinkmann, 15. November 2015
  5. Migray

    Migray Member

    Registriert seit:
    15. November 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Mit Filezilla direkt in den wp-content Ordner.
     
    #5 Migray, 15. November 2015
  6. FlorianBrinkmann

    FlorianBrinkmann Well-Known Member

    Registriert seit:
    6. Oktober 2013
    Beiträge:
    390
    Zustimmungen:
    1
    Ungewöhnlich, aber okay. Wenn kein Tippfehler in Domain oder Pfad ist, dann sieht das alles richtig aus. Wenn du einen Link posten würdest, könnte man vielleicht besser helfen.
     
    #6 FlorianBrinkmann, 15. November 2015
  7. chilidog

    chilidog Well-Known Member

    Registriert seit:
    17. Januar 2006
    Beiträge:
    1.147
    Zustimmungen:
    0
    Hast Du mal den Pfad zu dem .png in Deinen Browser eingegeben? Wird es dann angezeigt?
     
    #7 chilidog, 15. November 2015
  8. Migray

    Migray Member

    Registriert seit:
    15. November 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Die Seite ist noch noch nicht online, somit kann ich leider keinen link teilen.
    Ich versuche es aber mal mit screenshots, vielleicht hilft das.

    Bildschirmfoto 2015-11-15 um 16.50.26.png Bildschirmfoto 2015-11-15 um 17.25.51.png Bildschirmfoto 2015-11-15 um 17.26.11.png
     
    #8 Migray, 15. November 2015
  9. FlorianBrinkmann

    FlorianBrinkmann Well-Known Member

    Registriert seit:
    6. Oktober 2013
    Beiträge:
    390
    Zustimmungen:
    1
    Probier mal diesen Pfad: "../../ahorn.png".
    Und sonst ist es einfacher, den absoluten Pfad anzugeben, wie bereits einmal empfohlen wurde.
     
    #9 FlorianBrinkmann, 16. November 2015
  10. Migray

    Migray Member

    Registriert seit:
    15. November 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Du bist mein Held!!!! Es funktioniert! :p
    Vielen 1000 Dank! Seltsam, dass es nicht funktioniert wenn man zB "ahorn.png" oder "../ahorn.png" eingibt. Was ist die Logik dahinter?
     
    #10 Migray, 16. November 2015
  11. Meathor

    Meathor Well-Known Member

    Registriert seit:
    14. Februar 2012
    Beiträge:
    297
    Zustimmungen:
    0
    Zur Erklärung:

    ./ = gleiches Verzeichniss
    ../ = ein Verzeichniss vorher
    ../../ 2 Verzeichnisse vorher
    ../../../ = sollte nun klar sein ;)

    mfg
     
    #11 Meathor, 16. November 2015
  12. FlorianBrinkmann

    FlorianBrinkmann Well-Known Member

    Registriert seit:
    6. Oktober 2013
    Beiträge:
    390
    Zustimmungen:
    1
    Die style.css, in der du das Hintergrundbild einfügst, befindet sich in dem Ordner /wp-content/themes/nameDesThemes/
    Um mit einer relativen Pfadangabe aus diesem Ordner in den wp-content-Ordner zu kommen, musst du zwei Ordner-Ebenen hoch (siehe Antwort von Meathor).
     
    #12 FlorianBrinkmann, 16. November 2015
  13. Migray

    Migray Member

    Registriert seit:
    15. November 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Ok, ich habe es geschnallt! ;) Bin leider noch nicht so der CSS-Checker...
    Vielen Dank für die Erklärungen!!
     
    #13 Migray, 16. November 2015
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden