Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
    <style>
    body
{
    background: #ccc;
}
table
{
    width:  0px;
    height: 0px;
    background-color: #fff;
}

td
{
    width: 100px;
    height: 100px;
}

td img
{
    margin: 0 !IMPORTANT;
}
img
{
    width: 100px;
    height: 100px;
    margin: 4px;
}

.lock
{
    width: 0;
    height: 0;
}

.norm
{
    width: 100px;
    height: 100px;
    opacity: 1;
}

.pod
{
    opacity: 0.5;
}

.tbl-green
{
    border: 4px solid green;
}

.tbl-red
{
    border: 4px solid red;
}

#reka
{
    position: fixed;
    left: 0;
    top: 0;
    width: 30px;
}

#reka img
{
    width: 70px;
    height: 70px;
}
    </style>

    <meta charset="UTF-8">
    <title>Gra</title>
</head>
<body onload="zaladuj();">
    <table border="1" id="tbl">

        <tr><td id="k1" onclick="wstaw(1);"></td><td id="k2" onclick="wstaw(2);"></td></tr>
        <tr><td id="k3" onclick="wstaw(3);"></td><td id="k4" onclick="wstaw(4);"></td></tr>

    </table>

    <div id="zdjecia"></div>
    <div id="reka"></div>
    <script src="gra.js"></script>
</body>
</html>