div onderaan pagina met afbeelding
Ik wil een div onderaan mijn pagina weergeven, op zich is het allemaal de gewenste kleur, alleen sluit hij aan bij de tekst. Dit mag dus niet. De div moet onderaan de browser worden weergegeven.
De css code van deze div:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
#oranje_lijn {
background-color:#E46C0B;
height: 25px;
bottom: 0px;
margin-left: 250px;
margin-right: 250px;
}
background-color:#E46C0B;
height: 25px;
bottom: 0px;
margin-left: 250px;
margin-right: 250px;
}
Naast bovenstaande code, moet in de hoek rechts onderaan de browser een afbeelding worden weergegeven. Dit lukt niet, de afbeelding wordt zelfs niet eens weergegeven.
De code van deze div:
Code (php)
1
2
3
4
5
2
3
4
5
#bol {
background-image: url(images/bol.png) bottom right;
height: auto;
width: auto;
}
background-image: url(images/bol.png) bottom right;
height: auto;
width: auto;
}
Het stukje broncode waarop het bovenstaande van toepassing is:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<html>
<body>
<div id="oranje_lijn"></div>
<div id="bol"></div>
</body>
</html>
<body>
<div id="oranje_lijn"></div>
<div id="bol"></div>
</body>
</html>
Hopelijk kunnen jullie me verder helpen.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
#oranje_lijn {
background-color:#E46C0B;
height: 25px;
position:absolute;
bottom: 0px;
margin-left: 250px;
margin-right: 250px;
}
background-color:#E46C0B;
height: 25px;
position:absolute;
bottom: 0px;
margin-left: 250px;
margin-right: 250px;
}
2. is de link naar het plaatje goed?
