<table align="right" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="20">Choose Your Color&nbsp;&nbsp;</td>
    <td height="20"><a href="javascript:chooseStyle('none', 50)"><img src="images/styles/bingo/images/dark-blue-button.png" alt="Dark Blue" border="0" class="db" height="20" width="20" /></a></td>
    <td height="20"><a href="javascript:chooseStyle('green-style', 50)"><img src="images/styles/bingo/images/green-button.png" alt="Green" border="0" class="gr" height="20" width="20" /></a></td>
    <td height="20"><a href="javascript:chooseStyle('orange-style', 50)"><img src="images/styles/bingo/images/orange-button.png" alt="Orange" border="0" class="or" height="20" width="20" /></a></td>
    <td height="20"><a href="javascript:chooseStyle('pink-style', 50)"><img src="images/styles/bingo/images/pink-button.png" alt="Pink" border="0" class="pi" height="20" width="20" /></a></td>
    <td height="20"><a href="javascript:chooseStyle('brown-style', 50)"><img src="images/styles/bingo/images/brown-button.png" alt="Brown" border="0" class="br" height="20" width="20" /></a></td>
    <td height="20"><a href="javascript:chooseStyle('red-style', 50)"><img src="images/styles/bingo/images/red-button.png" alt="Red" border="0" class="re" height="20" width="20" /></a></td>
    <td height="20"><a href="javascript:chooseStyle('blue-style', 50)"><img src="images/styles/bingo/images/blue-button.png" alt="Blue" border="0" class="bl" height="20" width="20" /></a></td>
    <td height="20"><a href="javascript:chooseStyle('violet-style', 50)"><img src="images/styles/bingo/images/violet-button.png" alt="Violet" border="0" class="vi" height="20" width="20" /></a></td>
    <td height="20"><a href="javascript:chooseStyle('dusty-style', 50)"><img src="images/styles/bingo/images/dusty-button.png" alt="Dusty" border="0" class="du" height="20" width="20" /></a></td>
  </tr>
</table>
Dikkat ettiyseniz harici css ile kontrol edilmiş.
Temayı kurduktan sonra daha iyi anlayacaksınız