De ..\..\ is een koe, nee 'n olifant, van 'n fout van mij. Dat moet ../../ zijn. We spreken even af dat we 't hier nooit meer over hebben
(Ik heb 't al verbeterd hierboven.)
Windows werkt intern met / en zet \ om in /. Maar niet alle browsers doen dat, dus je moet echt / gebruiken. Sorry, mijn fout.
Dat ../../ was bedoeld als voorbeeld. Je zult regelmatig dingen die hier worden gezegd moeten aanpassen aan je eigen site. Maar dat leer je vanzelf wel.
Je hebt dus 'n map css en 'n map afbeeldingen.
Ik doe even of die in de map Documenten staan. (Dat moet je in gedachten ook even hernoemen naar hoe het bij jou heet, ik kan immers niet in jouw computer kijken...)
Dus:
Documenten
css
achtergronden
Als je nu background-image: url('plaatje.jpg') aanroept vanuit de map css, dan gaat de computer - die gewoon niet zo slim is - kijken in de map waarin de css staat. Hé, geen plaatje.jpg, jammer dan, laat ik gewoon niets zien.
Je moet die stomme machine dus eerst vertellen waar hij 't kan vinden.
../ betekent 1 map hoger.
background-image: url('../plaatje.jpg') betekent dus, als je het vanuit de map css gebruikt: kijk niet in de map css, maar in 1 map hoger, dus in de map Documenten.
Ook daar staat het plaatje niet, en 'n echte speurneus is je computer niet, dus...
background-image: url('../achtergronden/plaatje.jpg')
Als je dit aanroept vanuit de map css gebeurt er van links naar rechts het volgende:
../ : ga 1 map omhoog. Dus nu zit je in de map Documenten
achtergronden/ : ga nu naar de map achtergronden
plaatje.jpg: : en haal daar plaatje.jpg op.
Als je map css 2 mappen onder Documenten staat, gebruik je ../../, enz.