1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
| <!doctype html>
<html>
<HEAD>
<meta charset="UTF-8">
<title>tara.fr</title>
<STYLE>
#een {
width: 20%;
background: #060;
}
#twee {
width: 20%;
background: #C33;
}
#drie {
width: 35%;
background: #FC9;
}
#vier {
width: 20%;
background: #09F;
}
#vijf {
width: 20%;
background: #939;
}
#zes {
width: 35%;
background: #0FC;
}
#zeven {
width: 20%;
background: #339;
}
#acht {
width: 20%;
background: #C60;
}
#negen {
width: 35%;
background: #F69;
}
.container{
margin-top:50px;
margin-left:260px;
}
.box{
display:table;
width:100%;
}
#een, #twee, #drie, #vier, #vijf, #zes, #zeven, #acht, #negen {
display:table-cell;
}
</STYLE>
</HEAD>
<BODY >
<div class="container">
<div class="box">
<div id="een"><img src="immage/een.png">1</div>
<div id="twee"><img src="immage/twee.png">2</div>
<div id="drie"><img src="immage/drie.png">3</div>
</div>
<div class="box">
<div id="vier"><img src="immage/vier.png">4</div>
<div id="vijf"><img src="immage/vijf.png">5</div>
<div id="zes"><img src="immage/zes.png">6</div>
</div>
<div class="box">
<div id="zeven"><img src="immage/zeven.png">7</div>
<div id="acht"><img src="immage/acht.png">8</div>
<div id="negen"><img src="immage/negen.png">9</div>
</div>
</div>
</BODY>
</html> |
Partager