Achtergrond afbeelding
Ik loop een beetje vast op de achtergrond..
Ik heb een plaatje genaamd bg.gif en hij staat in de map afbeeldingen.
Nu is dit mijn css:
Code (php)
1
2
3
2
3
body {
background-image: url("../afbeeldingen/bg.gif");
}
background-image: url("../afbeeldingen/bg.gif");
}
Maar hij geeft een lege pagina.
Weet iemand een oplossing?
GreetZzzZzz,,
Victor
Gewijzigd op 01/01/1970 01:00:00 door Victor Php
Gesponsorde koppelingen:
Waarschijnlijk zit de afbeeldingen map in de map van het bestand waar je hem gebruikt en er niet boven, dus dan zou je ../ weg moeten halen.
Veder lijkt mijn niets mis met deze css code (en of die " " erbij horen weet niet zeker, ik gebruik ze in mijn css code niet)
Validator geeft ook aan dat er neits verkeerd mee is http://jigsaw.w3.org/css-validator/
Ik begin in htdocs..
Dan ga ik naar bla..
Dan ga ik naar afbeeldingen
En daar heb ik bg.gif staan
In het mapje bla staat de index.php
Code (php)
1
2
3
2
3
body {
background-image: url('/afbeeldingen/bg.gif');
}
background-image: url('/afbeeldingen/bg.gif');
}
Zonder die / tussen ' en a werkt ook niet..
Gewijzigd op 01/01/1970 01:00:00 door Victor Php
index.htm
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
<style>
body {
background-image: url('afbeeldingen/bg.gif');
}
</style>
</head>
<body>
Hello world
</body>
</html>
<head>
<style>
body {
background-image: url('afbeeldingen/bg.gif');
}
</style>
</head>
<body>
Hello world
</body>
</html>
jij hebt:
localhost/bla/index.htm
en
localhost/bla/afbeeldingen/bg.gif
Je zult zien dat het werkt, ik heb het getest.
Gewijzigd op 01/01/1970 01:00:00 door Pepijn
-Edit-
Het werkt! :P
Hoe komt het dat het niet werkt in layout.css ?
Want da's wel iets mooier.. :P
Btw. Lekker valid.. lol xD
Gewijzigd op 01/01/1970 01:00:00 door Victor Php
<link href='stylesheet.css' rel='stylesheet' type='text/css' />
Gewijzigd op 01/01/1970 01:00:00 door Johannes
index.php en layout.css staan in dezelfde map..
1) Plaats al je CSS-bestanden in één map en je afbeeldingen in een andere map. Dan staat alles altijd op de plek die je verwacht en kan je relatieve paden gebruiken.
2) Plaats je afbeeldingen allemaal in één map en gebruik absolute paden. Op die manier maakt het niet uit waar je CSS staat.
Qua caching en netheid is het aan te raden om je CSS altijd extern te houden, dus zou je het beste voor optie 1 kunnen kiezen.
Niet het bestand die dat CSS bestand includet.
Code (php)
1
2
3
4
2
3
4
- afbeeldingen/
- background.gif
- index.php
- layout.css
- background.gif
- index.php
- layout.css
Zit het zo in elkaar? Dan moet in layout.css de code zo zijn:
Code (php)
1
background-image: url('afbeeldingen/background.gif');
