Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie is mogelijk niet beschikbaar in sommige browsers.
...
<div id="fotoproef">
<div id="fotoeen"></div>
<div id="fototwee"></div>
<div id="fotodrie"></div>
</div>
...
#fotoproef div {
width: 160px;
height: 150px;
background-color: #14285F;
-moz-border-radius: 10px; /* voor oudere Firefoxen */
-webkit-border-radius: 10px; /* voor oudere Safari en Chrome */
border-radius: 10px; /* voor modernste versies */
}
...
<!--[if lt IE 9]>
<style type="text/css">
#fotoproef div { behavior: url(scripts/ie-css3.htc); }
</style>
<![endif]-->
...
<style type="text/css">
#fotoeen { background-image: url(http://wlvdmeer-montage.nl/image/Photo-0571.jpg); }
#fototwee { background-image: url(http://wlvdmeer-montage.nl/image/Photo-0561.jpg); }
#fotodrie { background-image: url(http://wlvdmeer-montage.nl/image/S7300527.JPG); }
</style>
div#fotoeen {
width: 94px;
height: 94px;
background-image: url(http://kortebaandatabase.nl/joep/ronden_hoeken/image/paard.jpe);
}
div#fototwee {
width: 320px;
height: 200px;
background-image: url(http://wlvdmeer-montage.nl/image/Photo-0561.jpg);
}
div#fotodrie {
width: 200px;
height: 200px;
background-image: url(http://wlvdmeer-montage.nl/image/S7300527.JPG);
}
div#fotodrie {
width: 200px;
height: 200px;
background-image: url(http://wlvdmeer-montage.nl/image/S7300527.JPG);
background-position: 100% 0;
}
<div id="hoofdcontainer">
<div id="header"></div>
<div id="menu"></div>
<div id="content">content
<div id="fotoproef">
<div id="fotoeen"></div>
<div id="fototwee"></div>
<div id="fotodrie"></div>
</div>
</div>
<div class="clear"><!-- ! --></div>
</div>
body{
background-color:#ffff00;
}
#hoofdcontainer{
width: 958px;
margin: 0 auto;
background-color: #14285f;
}
#header {
height: 120px;
width: 950px;
text-align:center;
color: #fff;
background-repeat: no-repeat;
background-color: #000;
}
#menu {
background-color: #14285f;
height: 400px;
float:left;
width:139px;
font-family: Arial, Helvetica, sans-serif;
line-height: 30px;
font-size: 17px;
margin-top: 0;
}
#content {
float:left;
width: 794px;
background-color: #ccc;
color:#fff;
padding: 45px 0 0 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.clear {
clear: both;
}
<!--[if lt IE 9]>
<style type="text/css">
#fotoproef div { behavior: url(scripts/ie-css3.htc); }
</style>
<script type="text/javascript">
window.onresize = function(){
location.href=location.href;
}
</script>
<![endif]-->
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.