Hintergrundbild wird nicht angezeigt

[Darman]

Hallo mein Problem ist das das Hintergrundbild vom Header nicht angezeigt wird ich hoffe ihr könnt mir da helfen.

Hier ist die Seite ohne das Hintergrundbild:

www.darman.square7.ch

Hier ist Das Bild:



und hier der Code:

header {
    background: url('/users/darman/www/Img/Header.png') no-repeat top left #660000;
    margin: 10px;
    padding-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 5px solid black;
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    box-shadow: 5px 5px 5px #666;
}

 

[_Thor_]

Der Pfad zum Bild ist falsch, "/Img/Header.png" funktioniert.

 

[Darman]

Hä ich hab doch den ganzen pfad angegeben.

 

[Darman]

Ah hat sich erledigt ich hab jetzt ../Img angegeben.

Edit:

Ich versteh aber trotzdem nit warum das nicht klappt wenn ich den kompletten pfad angebe kann mir das mal jemand erklären?

Gruß Darman

 

[threadi]

Der "komplette Pfad" ist der lokale Pfad auf der Festplatte deines Servers. Wenn das Bild per Browser betrachtet wird, sieht man aber nicht diese Pfade. Man sieht nur all das was ausgehend vom www-Verzeichnis aus erreichbar ist. Somit entspricht dein lokaler Pfad /users/darman/www/Img/Header.png dem http-Pfad /Img/Header.png - einfach ausgedrückt.

 

[_Thor_]

Ich kann es dir gerade nicht mit absoluter Gewissheit sagen, aber sowei ich weiß, muss der Pfad entweder relativ zum aktuellen Ordner sein, oder absolut zum document_root des Webservers. Eine vollständige URL ist auch zulässig.

 

[Darman]

Ok Danke für die Antworten.

 

[Darman]

Hi ich hab da noch ein problem mit bildern.
Diesmal hab ich den Navigationslinks ein hintergrundbild zugewiesen und das wird auch nicht angezeigt.
Ich hab auch schon alle pfade ausprobiert.

a.NavLink {
    text-align:center;
    background: url("/Img/Buttom.png");
    color: #F90;
    font-family: 'Arial Black';
    font-size: 16pt;
    font-weight: bolder;
    text-decoration: none;
    margin: 5px 10px 500px 10px;
}

Gruß Darman

Edit:

Hat sich erledigt jetzt klappt es