Mordoku comp #
by bluesweater
HTML
<div
style="position: relative; width: 688px; height: 900px; background: url('https://i.imgur.com/RceQJPZ.png');"
>
<!-- VAKJES -->
<div
id="binairepuzzel"
style="overflow: visible; position: relative; width: 396px; height: 396px; top: 300px; left: 27px;"
>
<!-- 9 Ă— 9 = 81 vakjes -->
<!-- rij 1 -->
<div class="vak bezet"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak leeg"> </div> <!-- leeg -->
<div class="vak leeg"> </div> <!-- leeg -->
<div class="vak leeg"> </div> <!-- leeg -->
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<!-- rij 2 -->
<div class="vak bezet"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak bezet"> </div>
<div class="vak bezet"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<!-- rij 3 -->
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak bezet"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<!-- rij 4 -->
<div class="vak leeg"> </div> <!-- leeg -->
<div class="vak"> </div>
<div class="vak bezet"> </div>
<div class="vak"> </div>
<div class="vak bezet"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
<div class="vak leeg"> </div> <!-- leeg -->
<!-- rij 5 -->
<div class="vak leeg"> </div> <!-- leeg -->
<div class="vak bezet"> </div>
<div class="vak"> </div>
<div class="vak"> </div>
...
CSS
* {
font-family: Arial, sans-serif;
font-size: 12px;
color: #000;
}