webForumDet fria alternativet

Relativ länk i CSS

HTML & CSS

6 svar · 275 visningar · startad av sahle

Medlem sedan jan. 200336 inlägg
Frågan#1

Hur gör man när man vill gå tillbaka i sökvägen efter en bild i CSS.

I vanliga fall använder man ../ (punkt, punkt, snesträck) ../images/bild.gif

Men i CSS så ska man länka till bilden i tex. detta fält:

br { background-image: url("ImageFile/Q.gif"); }

Men det fungerar inte att använda url("../ImageFile/Q.gif");

Någon som vet hur man gör?

Medlem sedan nov. 20017 144 inlägg
#2

Du kan ju skriva ut hela sökvägen också:
background-image: url("http://www.smktrollhattan.com/ImageFile/Q.gif");

Medlem sedan mars 20021 889 inlägg
#3

Fungerar det första?
Är du säker på att sökvägen existerar?

:)

Medlem sedan juni 20011 732 inlägg
#4

Re: Relativ länk i CSS

sahle skrev:

Men det fungerar inte att använda url("../ImageFile/Q.gif");

Någon som vet hur man gör?

Jodå, det fungerar. Tänk bara på att sökvägen ska vara i förhållande till var ditt css-dokument ligger, inte var sidan som använder css-dokumentet ligger... :)

Medlem sedan sep. 20011 914 inlägg
#5

Ta bort harskitarna:

background-image: url(../ImageFile/Q.gif);

red// hade för mig att det skulle vara utan harskitar men enligt w3c så spelar det visst ingen roll

Medlem sedan nov. 20017 144 inlägg
#6

Dino skrev:

Ta bort harskitarna:

background-image: url(../ImageFile/Q.gif);

red// hade för mig att det skulle vara utan harskitar men enligt w3c så spelar det visst ingen roll

Varför då? Det behöver man väl bara göra när man lägger in länken i ett styleelement. ex <div style=background-image:url(../.....
I ett stylesheet så spelar det väl ingen roll, eller har jag fel?

Medlem sedan sep. 20011 914 inlägg
#7

Har för mig att jag rättade mig själv i förra inlägget. ;)

264 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)