Unwanted Spacing Between Images

[Masked Crusader]

Hey guys.

I am in the middle of making a new Mod for vbulletin and I ran into a bit of a snag.

If you go to www.chosen-wow.com/forumlist.php, you will see at the top that there is a "Raid Progression" table. In that table, you will see quite a few pictures with spaces between all of them.

How do I make the space between each image in a row go away? In other words, what code am I missing from the table code below?

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>

	<tr>
		<td class="tcat" colspan="2">Chosen Raid Progression</td>
	</tr>
</thead>

<tbody>
	<tr>
		<td class="alt1" width="50%">
                <center><div class="progress_title">Karazhan</div>
                <img src="progression_mod/kz_1_dead.jpg" width="53" height="71">
                <img src="progression_mod/kz_2_dead.jpg" width="48" height="71">
                <img src="progression_mod/kz_3_dead.jpg" width="48" height="71">
                <img src="progression_mod/kz_4_dead.jpg" width="48" height="71">
                <img src="progression_mod/kz_5_dead.jpg" width="47" height="71">
                <img src="progression_mod/kz_6_dead.jpg" width="48" height="71">
                <img src="progression_mod/kz_7_dead.jpg" width="47" height="71">
                <img src="progression_mod/kz_8_dead.jpg" width="47" height="71">
                <img src="progression_mod/kz_9_dead.jpg" width="62" height="71">

                <div class="progress_title">Serpentshrine Cavern</div>
                <img src="progression_mod/ssc_1_alive.jpg" width="53" height="71">
                <img src="progression_mod/ssc_2_alive.jpg" width="48" height="71">
                <img src="progression_mod/ssc_3_alive.jpg" width="48" height="71">
                <img src="progression_mod/ssc_4_alive.jpg" width="48" height="71">
                <img src="progression_mod/ssc_5_alive.jpg" width="47" height="71">
                <img src="progression_mod/ssc_6_alive.jpg" width="48" height="71">
                <img src="progression_mod/ssc_7_bkg.jpg" width="47" height="71">
                <img src="progression_mod/ssc_8_bkg.jpg" width="47" height="71">
                <img src="progression_mod/ssc_9_bkg.jpg" width="62" height="71">
                
                <div class="progress_title">Mount Hyjal</div>
                <img src="progression_mod/mh_1_alive.jpg" width="53" height="71">
                <img src="progression_mod/mh_2_alive.jpg" width="48" height="71">
                <img src="progression_mod/mh_3_alive.jpg" width="48" height="71">
                <img src="progression_mod/mh_4_alive.jpg" width="48" height="71">
                <img src="progression_mod/mh_5_alive.jpg" width="47" height="71">
                <img src="progression_mod/mh_6_bkg.jpg" width="48" height="71">
                <img src="progression_mod/mh_7_bkg.jpg" width="47" height="71">
                <img src="progression_mod/mh_8_bkg.jpg" width="47" height="71">
                <img src="progression_mod/mh_9_bkg.jpg" width="62" height="71">
                </center>

                <td class="alt1" width="50%">
                <center><div class="progress_title">Outdoor & World</div>
                <img src="progression_mod/wld_1_dead.jpg" width="53" height="71" border="0">
                <img src="progression_mod/wld_2_dead.jpg" width="48" height="71" border="0">
                <img src="progression_mod/wld_3_alive.jpg" width="48" height="71">
                <img src="progression_mod/wld_4_alive.jpg" width="48" height="71">
                <img src="progression_mod/wld_5_alive.jpg" width="47" height="71">
                <img src="progression_mod/wld_6_bkg.jpg" width="48" height="71">
                <img src="progression_mod/wld_7_bkg.jpg" width="47" height="71">
                <img src="progression_mod/wld_8_bkg.jpg" width="47" height="71">
                <img src="progression_mod/wld_9_bkg.jpg" width="62" height="71">
                
                <div class="progress_title">Tempest Keep</div>
                <img src="progression_mod/tk_1_dead.jpg" width="53" height="71">
                <img src="progression_mod/tk_2_alive.jpg" width="48" height="71">
                <img src="progression_mod/tk_3_alive.jpg" width="48" height="71">
                <img src="progression_mod/tk_4_alive.jpg" width="48" height="71">
                <img src="progression_mod/tk_5_bkg.jpg" width="47" height="71">
                <img src="progression_mod/tk_6_bkg.jpg" width="48" height="71">
                <img src="progression_mod/tk_7_bkg.jpg" width="47" height="71">
                <img src="progression_mod/tk_8_bkg.jpg" width="47" height="71">
                <img src="progression_mod/tk_9_bkg.jpg" width="62" height="71">                
                
                <div class="progress_title">Black Temple</div>
                <img src="progression_mod/bt_1_alive.jpg" width="53" height="71">
                <img src="progression_mod/bt_2_alive.jpg" width="48" height="71">
                <img src="progression_mod/bt_3_alive.jpg" width="48" height="71">
                <img src="progression_mod/bt_4_alive.jpg" width="48" height="71">
                <img src="progression_mod/bt_5_alive.jpg" width="47" height="71">
                <img src="progression_mod/bt_6_alive.jpg" width="48" height="71">
                <img src="progression_mod/bt_7_alive.jpg" width="47" height="71">
                <img src="progression_mod/bt_8_alive.jpg" width="47" height="71">
                <img src="progression_mod/bt_9_alive.jpg" width="62" height="71">
                </center>
                </td>
	</tr>
</tbody>
</table>

Thanks in advance.

[Dean C]

Give your table an id of "raidTable" and then stick this in your CSS:

#raidTable img { margin:0; padding:0; }