Šířka buňek v tabulce

Teď tam máš
<tr>
<td style=" background: #ffcc00">Poř.</td>
<td style=" background: #ff99cc">Závodník</td>
<td style=" background: #ccffff">MO ČRS</td>
<td style=" background: #ffffff"></td>
<td style=" background: #ccffcc">Ryby</td>
<td style=" background: #ffcc99">CIPS</td>
<td style=" background: #99ccff">1. závod</td>
<td style=" background: #ffffff"></td>
<td style=" background: #ccffcc">Ryby</td>

<td style=" background: #ffcc99">CIPS</td>
<td style=" background: #99ccff">1. závod</td>
<td style=" background: #ffffff"></td>
<td style=" background: #ccffcc">Ryby</td>
<td style=" background: #ffcc99">CIPS</td>
<td style=" background: #99ccff">Celkem</td>
<td style=" background: #ffffff"></td>
<td style=" background: #FFCC00">Celkové</td>
</tr>

Například
<style type="text/css">
td.t1{background:#fc0;}
td.t2{background:#f9c;}
td.t3{background:#cff;}
td.t4{background:#fff;}
td.t5{background:#cfc;}
td.t6{background:#fc9;}
td.t7{background:#9cf;}
td.t8{background:#fff;}
td.w1{width:30px;}
td{width:60px;height:15px;line-height:15px;font-size:14px;vertical-ali gn:middle;text-align:center;}
td.w3{width:100px;}
</style>

<table><tr>
<td class="t1 w1">Poř.</td>
<td class="t2 w3">Závodník</td>
<td class="t3">MO ČRS</td>
<td class="t4 w1"></td>
<td class="t5">Ryby</td>
<td class="t6">CIPS</td>
<td class="t7 w3">1. závod</td>
<td class="t4 w1"></td>
<td class="t5">Ryby</td>

<td class="t6">CIPS</td>
<td class="t7 w3">1. závod</td>
<td class="t4"></td>
<td class="t5">Ryby</td>
<td class="t6">CIPS</td>
<td class="t7 w3">Celkem</td>
<td class="t4 w1"></td>
<td class="t1 w3">Celkové</td>
</tr></table>

classy začínající t určují barvy, classy začínají na w určují šířku, pokud není určeno jinak je aplikováno pravidlo, že td má šířku 60px, zbytek si doladíš, ten řádek tabulky si jenom zkopíruješ jako další a dodáš data.

A do těch vlastností pro td obecně si přidej white-space:nowrap; aby to nezalamovalo řádky např na MO ČRS. Je potřeba experimentovat ;-)