CSS og ASP.NET. background-image url

Tags:    asp.net css

Hej alle.

Jeg har lavet en ASP.NET masterpage, hvor jeg i min css stylesheat har lavet følgende (ved ikke om det hedder en funktion)
Fold kodeboks ind/udCSS kode 


Til dette prøvede jeg at tilføje linjen
background-image:url(http://games.chruker.dk/eve_online/grap ... 2/2804.jpg);

og det virker helt fint. Men hvis jeg prøver

background-image:url(C:\Users\cristian\Desktop\x.jpg);
så virker det ikke. Nogen der kan sige mig hvad jeg gør forkert?
Jeg har også prøvet stier som

..\mappe\billed.jpg
http:\\localhost\sti\til\billed.jpg

Hvad er den rigtige måde at gøre dette på?
I min masterpage ser det således ud
Fold kodeboks ind/udCSharp kode 


Tak på forhånd.
Mvh.



Indlæg senest redigeret d. 22.12.2011 20:28 af Bruger #16700
6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
Det er noget meget grundlæggende som du lige skal have styr på fra begyndelsen. Inde i Visual Studio, laver du en mappe under dit projekt som du f.eks. kalder billeder. Højreklik på dit projektnavn under solution explorer og vælg add -> New folder og opret billeder.

Så højreklikker du på den nye billeder, vælger add -> Existing Item. Så finder du dit baggrundsbillede og den bliver kopieret ind som en del af dit projekt.

Herefter kan du i din master page bruge stien som dette:

background-image:url(billeder/2804.jpg);


Den måde du gør det på nu, bliver et kæmpe problem når du skal lave en publish til en web-server der ikke ligger lokalt.




Du har vel forhåbelig lagt billederne i din mappe med de andre filer, ikk? Altså nu ved jeg at hvis du kører på localhost så programmere du vel i et Microsoft program. Jeg prøver selv at komme igang med det, men kan ikke huske hvad det hedder.



I øjeblikket laver jeg det i visual studio 2010. Og jeg har ikke lagt dem i en special mappe. De ligger i min billeder mappe. Skal de da ligge et bestemt sted så visual studio kan "se" dem?



Du skal køre en HTTP server på din computer før du kan bruge http://localhost/

Det er vist ikke meningen men skal kunne bruge background-image:url("file:///C:/Users/.../billede.jpg"); selvom det virker i internet explorer men ik de andre browserer jeg har prøvet.

Hvis det ikke virker med background-image:url(mappe/billede.jpg); så er det bare fordi du ikke har styr på dine stier.
Billedestierne til din billeder i din CSS fil skal være relativ til din CSS fil og ikke til din HTML fil.

Hvis diner filer ligger sådan her :
index.html
css/stylesheet.css
billeder/billede.jpg

Så skal der i din stylesheet.css fil stå background-image:url(../billeder/billede.jpg); og ikke background-image:url(billeder/billede.jpg);



Du skal køre en HTTP server på din computer før du kan bruge http://localhost/


Der er jo en indbygget web-server i Visual Studio, så det er ikke et problem.




Takker Brian. Det var lige det jeg ledte efter.





t