Hey,
ik probeer sinds vandaag wat met divs te werken maar enkele zaken lukken niet
zo heb ik een afbeelding (50pixel op 50 pixel) gemaakt die als achterrgond moet dienen bijna al mijn divs,
dus heb ik een css gebruikt voor divs in het algemeen en dan nog voor de andere divs, de breedte/type rand enzo die in de div staat werkt , maar de afbeelding lukt niet, de achtergrond van mijn divs blijft wit !
iemand een idee?
code in css :
div
{
background-image:url(doorzichtig.jpg);
background-repeat: repeat;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
div#navigation1 {
width: 150px;
padding: 10px;
height: 500px;
float: left;
position: absolute;
left: 20px;
top: 140px;
z-index: 1;
background-attachment: scroll;
}
div#navigation2 {
width: 780px;
padding: 10px;
height: 100px;
float: left;
position: absolute;
left: 20px;
top: 10px;
z-index: 1;
}
div#content {
background-image: url(doorzichtig.jpg);
width: 620px;
padding: 10px;
height: 460px;
float: left;
position: absolute;
left: 180px;
top: 160px;
z-index: 2;
}
en in de html :
<body>
<div id="navigation1"><a href="index.html"> Home. </a>
</div>
<div id="navigation2">...navigation links...</div>
<div id="content">...navigation links</div>
</body>
ik probeer sinds vandaag wat met divs te werken maar enkele zaken lukken niet
zo heb ik een afbeelding (50pixel op 50 pixel) gemaakt die als achterrgond moet dienen bijna al mijn divs,
dus heb ik een css gebruikt voor divs in het algemeen en dan nog voor de andere divs, de breedte/type rand enzo die in de div staat werkt , maar de afbeelding lukt niet, de achtergrond van mijn divs blijft wit !
iemand een idee?
code in css :
div
{
background-image:url(doorzichtig.jpg);
background-repeat: repeat;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
div#navigation1 {
width: 150px;
padding: 10px;
height: 500px;
float: left;
position: absolute;
left: 20px;
top: 140px;
z-index: 1;
background-attachment: scroll;
}
div#navigation2 {
width: 780px;
padding: 10px;
height: 100px;
float: left;
position: absolute;
left: 20px;
top: 10px;
z-index: 1;
}
div#content {
background-image: url(doorzichtig.jpg);
width: 620px;
padding: 10px;
height: 460px;
float: left;
position: absolute;
left: 180px;
top: 160px;
z-index: 2;
}
en in de html :
<body>
<div id="navigation1"><a href="index.html"> Home. </a>
</div>
<div id="navigation2">...navigation links...</div>
<div id="content">...navigation links</div>
</body>
