Probleme mit background-image: url in stylesheet

sommersohn

Hallo zusammen,

ich habe gerade mein eigenes erste Wordpress Template erstellt:
http://www.michael.wiedau.com/

Leider funktioniert mein eingebundenes Bild nicht.
Ich habe in der index.php einen Block

HTML

<TD class="bild">&nbsp;
</TD>

und in meinem Stylesheet (style.css) einen Block:

Code

td.bild {
    background-color: #56849A;
    height: 200px;
    width: 400px;
    background-image: url('http://files.wiedau.com/leucate_beach01.jpg');
}

Bevor ich ein Wordpress Template erstellt habe, d.h. als das ganze noch eine reine HTML Seite war, lief das so ohne Probleme.
Z.B. hier: http://files.wiedau.com/hp_dummy/

Seit meiner Erstellung des Wordpress Template funktioniert das so nicht mehr.

Was kann ich tun, damit mein Bild auch bei Wordpress wieder auftaucht?
Ich kann den Fehler nicht finden.

Ich hoffe ihr könnte mir helfen.

Werbepost

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

Marcus[IS]

Hi,

ich habe mir das ganze mal mit Firebug angesehen und dort wird mir dieser Block noch angezeigt;

Code

td.bild {
    background-image: url("img/leucate_beach01.jpg");




}

Das ganze taucht auch im Quelltext auf;
Ich tippe mal darauf, dass durch die feste Definierung im Quelltext die Definierung in der css Datei schlicht ignoriert wird.

Ach ja und es könnte auch sein, dass eventuell ein paar Plugins oder zukünftige WordPress Updates Schwierigkeiten machen könnten, da du noch PHP4 verwendest.
Nur so am Rande erwähnt.;)

spickzettel

Stimmt, der zweite Pfad (img/...) stimmt nicht.

sommersohn

Ok. Habe es behoben.
Jetzt funktioniert es.
Aber: Der absolute Pfad über http://files.wiedau.com/... ist mir nicht sehr recht, sondern war eigentlich nur ein Workaround, weil das mit dem img/... nicht lief. Könnte ihr mir sagen wie ich für jede statische Seite ein anderes Bild einsetzen kann? Ich würde am liebsten zu jeder Seite im Backend ein Bild hochladen, welches dann im td.bild angezeigt wird. Ist soetwas möglich?

bgeissler

Ich würde am liebsten zu jeder Seite im Backend ein Bild hochladen, welches dann im td.bild angezeigt wird. Ist soetwas möglich?

Dafür muss je Seite eine entspr. Class im style.css definiert werden.
Lies dich mal hier ein (geht zwar nicht um den Background, zeigt aber den Weg): http://forum.wordpress-deutschland.org/design/73948-j…ren-header.html

Marvin_S

Du kannst auch jeder Seite ein benutzerdefiniertes Feld verpassen und das im Theme dann mit einer PHP funktion abfragen welches dann Bild X, Y oder Z ausgibt.

Gruß
Marvin

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit background-image: url in stylesheet

Jetzt mitmachen!