Hintergrundbild im Header wird nicht angezeigt

    Das Hintergrundbild liegt im Ordner "images", welcher im Ordner "buecherlaube" (Name des themes) liegt.
    Dort liegt auch die Datei "style.css"
    Dort habe das Bild wie folgt verlinkt (siehe header):
    [COLOR=Red]#wrapper {width: 900px; margin: auto; text-align: left; background: #fff;}
    #header {background-image:url(/images/buecherreihe.jpg);height: 190px; padding: 20px; border-bottom: 1px solid #ccc; }
    #main {width: 550px; padding: 20px; float: left;}
    #sidebar {width: 290px; padding: 10px; padding-top: 20px; float: left;}
    #footer {clear: both; height: 100px; padding: 20px; }[/COLOR]
    Ansonsten wird alles auf http://www.buecherlaube.de angezeigt, also das bissel was ich bis jetzt gebastelt habe, nur das Hintergrundbild eben nicht.
    Das Bild ist 190px hoch.
    Was habe ich falsch gemacht?

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Versuchs mal so: [COLOR=Red]
    [/COLOR]

    Code
    #header { 
background-image:url(images/buecherreihe.jpg); }

    [COLOR=Red][COLOR=Black]Das "/" am Anfang des Pfades bedeutet, dass er ab Root gehen soll.
    [/COLOR][/COLOR]

    Hallo! (WP 3.0 Facebook-Design) http://funtas-world.de/blog/

    http://www.funtas-world.de/Grafiken/smoking-ice.jpg

    Mein style.css:
    div#wrapper div.entry-content .download{background:url(images/file-download.png) no-repeat center left;}
    div#wrapper div.entry-content .html{background:url(images/file-html.png) no-repeat center left;}
    div#wrapper div.entry-content .html,div#wrapper div.entry-content .download,div#wrapper div.entry-content .pdf,div#wrapper div.entry-content .zip{margin-left:2px;padding:2px 0 2px 19px;}
    div#wrapper div.entry-content .pdf{background:url(images/file-pdf.png) no-repeat center left;}
    div#wrapper div.entry-content .zip{background:url(images/file-zip.png) no-repeat center left;}

    ^also was müsste ich jetzt ersetzen, um obiges Hintergrundbild abgebildet zu haben in der Mitte ?! Zusatzfrage: Könnte man alles, was da noch links und rechts neben dem dreigeteilten Blog zu sehen ist, mit einem solchen Bild befüllen - und wenn ja, wie.

    Vielen Dank und noch einen schönen Abend!

    bye, FunTa

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden