hintergrund in div nicht zu sehen

html.de-Forum HTML, XHTML & CSS
1

Hi,
Mein Problem ist, dass mein bild das ich per background-image eingebunden habe nicht angezeigt wird.
Navitem-Code:

.navitem{ margin-top:50px; margin-left:0px; background-image: url(/../image/navstripes.png); background:#666666; height:50px; width:200px; float:left; }Navtext-Code:

.navtext{ color:#7BFF00; height:50px; margin-left:0px; float:left; } Ordner-Struktur:
-+web
-+home.html
–+css (ausgelagerter css code)
–+main.css
–+image (das bild „navstripes.png“)
–+navstripes.png

HTML-Code:

<div class="navitem"><p class="navtext">Home</p></div>
2

Hi, die Pfadangabe für das Bild muss falsch sein, das CSS ist richtig. The W3C CSS Validation Service

Wenn das Bild im selben Ordner wie die HTML-Datei liegt, dann ist der Pfad schlicht und einfach „Bild.endung“ ohne Ordner. Das mit dem „…“ in der Dateiangabe würde ich bezweifeln, dass es geht, damit kenne ich mich aber nicht aus. gib immer Relative Pfade (d.h. vom Ordner der HTML-Datei tiefer in die Hirachie gehend) mit „Ordner1/Ordner2/Bild1“ an, oder absulute Pfade (in der Hirachie ganz oben beim Dateisystem angefangen) mit „/“ am Anfang an.

MfG

3

Wer floatet, muss auch clearen:
Firefox stellt Hintergrund nicht vollständig dar

4

Danke für die lösungs vorschläge, aber es funktioniert immer noch nicht :frowning:
Ich schätze ich habe das clearen nicht kapiert, ist der Code richtig?

<div class="navitem"><p class="navtext">Home</p></div><div class="navclear"></div>
5

hast du schon mal versucht den p mit „text-align:left;“ zu positionieren?
und dann um sicher zu gehen deine class mit „clear:both“ auszuzeichnen. (Es spricht absolut nichts dagegen ein both zu setzen)

mfg devilseye