Sachovnice - edit

<style>
#herni_pole {
    margin-right: auto;
    margin-left: auto;
    width: 480px;
    height: 480px;
    border: 5px solid #000;
    text-transform: uppercase;
    font-weight: bold;
}

.bilej, .cernej {
    float: left;
    width: 60px;
    height: 60px;
}

.bilej {background-color: #fff; color: #000;}
.cernej {background-color: #000; color: #fff;}
</style>

<div id="herni_pole">
    <?php
    $vyska = 8;
    $sirka = 8;

    for($y=$vyska; $y>0; $y--) {
        for($x=0; $x<$sirka; $x++) {
            echo (($x+$y)%2==1) ? "<div class='bilej'>".chr($x+97).$y."</div>" : "<div class='cernej'>".chr($x+97).$y."</div>";
        }
    }
    ?>
</div>