Baggrundsbilled vises ikke i browser

Tags:    html css

Hej

Jeg er begynd på at lære HTML og CSS ved brug af tutorialen fra html.dk, men er stødt ind i et problem med at vise et billede

http://www.html.dk/tutorials/css/lektion3.asp

(scroll ned til "Baggrundsbilleder [background-image]" sektionen)

I mit CSS dokument har jeg valgt et billede fra og lavet en sti til det

body

{
background-color: #FF0000;
background-image: url("C:\Users\Henrik\Pictures\Ninja.gif");
}

Men billedet fremkommer ikke når jeg køre HTML dokumentet i min browser IE9 - dog kan jeg se billedet i et preview i min editor (Coffeecup HTML Editor)

Jeg kan også godt se baggrundsfarven (background-color: #FF0000;)

Hvad kan der være galt ?




3 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
Mit umiddelbare bud er, at det er fordi du ikke benytter den relative sti.

Dvs. hvis din hjemmeside ligger under C:\Users\Henrik\Dokumenter\Hjemmeside\index.html, så skal linjen hedde
Fold kodeboks ind/udCSS kode 


Det nemmeste ville dog være at flytte Ninja.gif ind i samme mappe som din hjemmeside og bare skrive "Ninja.gif" som sti.



Indlæg senest redigeret d. 15.06.2011 23:15 af Bruger #4879
Eller (så længe du arbejder lokalt og ikke på en webserver):

Fold kodeboks ind/udCSS kode 


Hvilket dog nok ikke vil virke i Internet Explorer.



Hej

Takker for hjælpen - det eneste jeg ændrede var retningen på slash'ene og så virkede det !

Lidt pinligt, at man ikke har styr på sådan noget...:$





Indlæg senest redigeret d. 23.07.2011 23:24 af Bruger #16670
t