Dungeons & Dragons Online (DDO)

<style type="text/css">
.barbarian {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -29px no-repeat; height:30px; padding-left:34px; }
.bard {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -59px no-repeat; height:30px; padding-left:34px; }
.cleric {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -89px no-repeat; height:30px; padding-left:34px; }
.fighter {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -119px no-repeat; height:30px; padding-left:34px; }
.monk {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -149px no-repeat; height:30px; padding-left:34px; }
.paladin {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -179px no-repeat; height:30px; padding-left:34px; }
.ranger {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -209px no-repeat; height:30px; padding-left:34px; }
.rogue {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -239px no-repeat; height:30px; padding-left:34px; }
.sorcerer {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -269px no-repeat; height:30px; padding-left:34px; }
.wizard {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -299px no-repeat; height:30px; padding-left:34px; }
.open {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -329px no-repeat; height:30px; padding-left:34px;}
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DDOClasses.gif) left -359px no-repeat; height:30px; padding-left:34px;}
</style>
<center>
<table border="0">
<tbody><tr><td class="barbarian">Barbarian</td><td class="closed">
</td></tr><tr><td class="bard">Bard</td><td class="open">
</td></tr><tr><td class="cleric">Cleric</td><td class="open">
</td></tr><tr><td class="fighter">Fighter</td><td class="open">
</td></tr><tr><td class="monk">Monk</td><td class="open">
</td></tr><tr><td class="paladin">Paladin</td><td class="open">
</td></tr><tr><td class="ranger">Ranger</td><td class="open">
</td></tr><tr><td class="rogue">Rogue</td><td class="open">
</td></tr><tr><td class="sorcerer">Sorcerer</td><td class="open">
</td></tr><tr><td class="wizard">Wizard</td><td class="open">
</td></tr>
</tbody></table>
</center>

** The reason I told you to not use the code above is because it uses a single image to display all the classes, it points to the part of the image it wants to display by using "top", "left" and "-XX px" in the CSS... so it would be easier for you to use the small square icons version CSS than to edit out all the extra elements in the code above.