"background-image" funktioniert nicht

[jeseix]

Hi,

ich habe folgenden, externen Style (Ausschnitt):

#content_home {
    width: 710px;
    height: 100px;
    background-image: url(images/content_home.jpg);

}

Und hier der Teil, wie ich es eingebunden habe:

<div id="content_home">TEST TEST TEST TEST TEST TEST</div>

Frage: wieso erscheint nur der Text "TEST TEST..." und nicht das Hintergrund-Bild "content_home.jpg?" Das Bild liegt 100%-ig im richtigen Verzeichnis!

LG,
jeseix

 

[assmaje]

Hm mach doch mal:

.content home { background-image:url(images/content_home.jpg);
                       width:710px;
                       height: 100px; }

Und dann das hier einbinden:

<div class="content_home">
TEST TEST TEST
</div>

Und wenns nicht funktioniert, dann probiers noch mal damit:

<span class="content_home">
TEST TEST TEST
</span>

 

[jeseix]

Hi,

danke für die Antwort.

Bei

<div class="content_home">
TEST TEST TEST
</div>

erscheint wieder nur "TEST TEST TEST".


Und bei

<span class="content_home">
TEST TEST TEST
</span>

kommt gar nichts... habe es so gemacht, wie du es gesagt hast. ;)

LG,
Daniel.

 

[Tar]

Liegt das Stylesheet nicht im selben Ordner wie die HTML-Datei, in die es eingebunden wird, und ist deswegen der Pfad zum Bild falsch? Der Pfad zum Bild muss aus der Sicht des Stylesheets gesehen und nicht aus der der HTML-Datei. Ansonsten kannst du mal probieren die Extension des Bildes groß zu schreiben (.JPG), oder den Pfad in "" zu setzen ( url("images/content_home.jpg") ).

 

[neuroleptika]

url("images/content_home.jpg") .

Das bringt außer Probleme mit dem IE5 mac nichts.
Am besten man belässt es so:
url(images/content_home.jpg)

Aber ich denke auch, daß es am Pfad liegt.
Rufe das Bild mal direkt im Browser auf und Kopiere die ganze Adresse z.B.
url(http://domain.de/images/content_home.jpg)
Das gleiche machst du mit der css-Datei.
Wenn du den Unterschied erkannt hast, kannst du ja wieder relative Pfade angeben.
Wenn die css-Datei in einem eigenen Ordner liegt dürfte es auch so gehen:
url(../images/content_home.jpg)

 

[jeseix]

So,
danke erstmal für eure Lösungsvorschläge. Es hat so geklappt:

CSS:

.content_home {
background-image:url(images/content_home.jpg);
width: 710px;
height: 100px;
}

HTML:

<div class="content_home">
TEST TEST TEST
</div>

Es hat glaube ich daran gelegen, dass der Browser einfach nicht richtig aktualisiert hat! ;)

LG,
Daniel.

 

[ky_fr34k]

Es hat glaube ich daran gelegen, dass der Browser einfach nicht richtig aktualisiert hat! ;)

Beim FF kannst da einfach STRG+F5 drücken, dann lädt er die komplette Seite neu und nicht aus dem Cache.
Gruß KY