Background-image probleem

zaterdag 7 april 2012 14:07

Acties:

0 Henk 'm!

Topicstarter

Hoi,

Ik heb een probleem met het toevoegen van een background-image met behulp van CSS. Heb een blanco html page met html,head,body en natuurlijk ook een link voor de css. Bij de css heb ik alleen deze zin: body {background-image: url(bumbee.jpg);}. De image en de html page zijn in dezelfde folder opgeslagen. Ik heb het geprobeerd met dubbele en enkele aanhalingsteken en ook nog eens zonder bij de url, niks helpt. Weet niet wat het probleem kan zijn. Hieronder is mijn html en mijn css.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"?
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
    <title>Try out 2</title>
    <link rel="stylesheet" type="text/css" href="css/tryout2.css" />
</head>

<body>
    
</body>

</html>

En hier mijn CSS:

Cascading Stylesheet:

1	body {background-image: url(bumbee.jpg);}

Je kan [code=html | css | js | php | etc.][/] tags toevoegen voor je code

Kan iemand mij hieruit helpen??? Alvast bedankt voor de moeite.

[ Voor 6% gewijzigd door BtM909 op 08-04-2012 00:54 ]

zaterdag 7 april 2012 14:11

Acties:

0 Henk 'm!

Vos

AFCA

Probeer eens:

body {background-image: url(../bumbee.jpg);}

Je css staat wel in een andere map.

#36

zaterdag 7 april 2012 14:50

Acties:

0 Henk 'm!

WSVision

Topicstarter

Hoi,

Het is gelukt, bedankt voor je snelle reactie. Ik heb ook geprobeerd mijn background in een image map gedaan, mijn css wordt dan: body {background-image: url(image/bumbee.jpg);}, dit lukt dus niet. Moet ik mijn url veranderen naar (../image/bumbee.jpg)???

zaterdag 7 april 2012 15:09

Acties:

0 Henk 'm!

Barryvdh

Je linkt het plaatje relatief tov het css bestand.
Als je dus de volgende de volgende layout hebt:
/index.html
/css/tryout2.css
/image/bumbee.jpg

is het inderdaad ../image/bumbee.jpg

Als je het het zo hebt:
/index.html
/css/tryout2.css
/css/image/bumbee.jpg

is het dus image/bumbee.jpg

zaterdag 7 april 2012 16:42

Acties:

0 Henk 'm!

Acid_Burn

uhuh

Zoek eens het verschil tussen absolute en relatieve paden. Ik denk dat er dan veel duidelijk wordt.

Glass Eye Photography | Zelfbouw wireless fightstick | Mijn puzzel site

zaterdag 7 april 2012 21:22

Acties:

0 Henk 'm!

C0rnelis

Acid_Burn schreef op zaterdag 07 april 2012 @ 16:42:
Zoek eens het verschil tussen absolute en relatieve paden. Ik denk dat er dan veel duidelijk wordt.

Los daarvan is hetgene dat mist(e) enkel de kennis dat het pad in het css bestand ten opzichte is van ditzelfde bestand in plaats van het html bestand.

zondag 8 april 2012 00:48

Acties:

0 Henk 'm!

Acid_Burn

uhuh

Precies... dat is dus net het verschil tussen absolute en relatieve paden.. want beiden kan je gebruiken in css. Dus dat is niet 'los daarvan'

Glass Eye Photography | Zelfbouw wireless fightstick | Mijn puzzel site

zondag 8 april 2012 11:35

Acties:

0 Henk 'm!

WSVision

Topicstarter

Hoi,

Bedankt allemaal voor jullie reactie, volgens mij heb ik al door (dankzij jullie antwoorden) waar mijn probleem zat. Aangezien mijn probleem opgelost is, kan deze op slot.

Onderwerpen