Achtergrondafbeeldingen met CSS3
Ik probeer met behulp van CSS3 twee achtergrondafbeeldingen op mijn pagina te plaatsen. Helaas lukt mij dat niet.
Wie weet/ziet wat ik fout doe???
CSS3-code
Code (php)
1
2
3
2
3
.footer_links {
background-image: url(images/lila_cirkel_links.png);
}
background-image: url(images/lila_cirkel_links.png);
}
HTML5-code
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<div class="callout">
<div class="calloutcontainer">
<div class="footer_links"></div> // Hier heb ik mijn afbeelding geplaatst
<div class="container_12">
<div class="grid">
<article class="footbox">
<h2>Sitemap</h2>
<div class="calloutcontainer">
<div class="footer_links"></div> // Hier heb ik mijn afbeelding geplaatst
<div class="container_12">
<div class="grid">
<article class="footbox">
<h2>Sitemap</h2>
George
-directory images
- bestand image.jpg
-directory css
- bestand jouwcss.css
inhoud van jouwcss.css:
Code (php)
1
2
3
2
3
.footer_links {
background-image: url(../images/image.jpg);
}
background-image: url(../images/image.jpg);
}
Dank voor de tip. Helaas is dit nog niet de oplossing.
Zo ziet mijn css er nu uit:
Code (php)
1
2
3
2
3
.footer_links {
background-image: url(../images/lila_cirkel_links.png);
}
background-image: url(../images/lila_cirkel_links.png);
}
Code (php)
1
2
3
4
5
2
3
4
5
.footer_links {
background-image: url(../images/lila_cirkel_links.png);
height: 100px;
width: 800px;
}
background-image: url(../images/lila_cirkel_links.png);
height: 100px;
width: 800px;
}
(Als dit werkt moet je zelf natuurlijk even de juiste breedte en hoogte instellen.)
Gewijzigd op 30/12/2012 13:32:28 door Ozzie PHP