Get rid of space between columns.

Question

0.00/5 (No votes)

See more:

I am unsure of what the actual problem here is. I have created a table programmatically using c# in ASP.NET with 8 rows and 8 columns for a total of 64 cells. Each cell has a clickable image. (Basically a maze) When I view this in CRHOME, its all spaced out perfect...NO gaps between rows/columns.

However when I view the same table in FIREFOX, there appears to be a small gap between each column. Any ideas? Thanks.

What I have tried:

I've made my own functions to create everything programmatically. Here is part of the code generated by firefox

<table id="tMain" cellpadding="0" cellspacing="0" bgcolor="#84ACC5">
	<tr>
		<td width="800" align="center" valign="top" style="background:url('ImagesWorld/Images/mazeBG.gif');background-repeat:repeat;display:block;"><table id="tMazeTiles" cellpadding="0" cellspacing="0">
			<tr>
				<td width="800" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-top:0px;"><table cellpadding="0" cellspacing="0">
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse;border-spacing: 0;padding:0px !important; margin:0px !important; ">
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile0" id="ibTile0" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '0');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile1" id="ibTile1" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '1');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile2" id="ibTile2" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '2');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile3" id="ibTile3" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '3');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile4" id="ibTile4" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '4');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile5" id="ibTile5" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '5');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile6" id="ibTile6" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '6');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile7" id="ibTile7" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '7');return false;" style="height:100px;width:100px;" /></td>
					</tr>
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;">
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile8" id="ibTile8" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '8');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile9" id="ibTile9" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '9');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile10" id="ibTile10" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '10');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile11" id="ibTile11" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '11');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile12" id="ibTile12" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '12');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile13" id="ibTile13" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '13');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile14" id="ibTile14" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '14');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile15" id="ibTile15" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '15');return false;" style="height:100px;width:100px;" /></td>
					</tr>
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;">
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile16" id="ibTile16" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '16');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;"><input type="image" name="ibTile17" id="ibTile17" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '17');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile18" id="ibTile18" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '18');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile19" id="ibTile19" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '19');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile20" id="ibTile20" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '20');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile21" id="ibTile21" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '21');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile22" id="ibTile22" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '22');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile23" id="ibTile23" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '23');return false;" style="height:100px;width:100px;" /></td>
					</tr>
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;">
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile24" id="ibTile24" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '24');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;"><input type="image" name="ibTile25" id="ibTile25" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '25');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile26" id="ibTile26" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '26');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;"><input type="image" name="ibTile27" id="ibTile27" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '27');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile28" id="ibTile28" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '28');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile29" id="ibTile29" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '29');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile30" id="ibTile30" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '30');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile31" id="ibTile31" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '31');return false;" style="height:100px;width:100px;" /></td>
					</tr>
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;">
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile32" id="ibTile32" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '32');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile33" id="ibTile33" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '33');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile34" id="ibTile34" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '34');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile35" id="ibTile35" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '35');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile36" id="ibTile36" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '36');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile37" id="ibTile37" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '37');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile38" id="ibTile38" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '38');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile39" id="ibTile39" disabled="disabled" class="aspNetDisabled" src="ImagesWorld/TileBG/Hex/F.jpg" style="height:100px;width:100px;" /></td>
					</tr>
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;">
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile40" id="ibTile40" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '40');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;"><input type="image" name="ibTile41" id="ibTile41" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '41');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile42" id="ibTile42" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '42');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;"><input type="image" name="ibTile43" id="ibTile43" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '43');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile44" id="ibTile44" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '44');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile45" id="ibTile45" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '45');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile46" id="ibTile46" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '46');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile47" id="ibTile47" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '47');return false;" style="height:100px;width:100px;" /></td>
					</tr>
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;">
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile48" id="ibTile48" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '48');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;"><input type="image" name="ibTile49" id="ibTile49" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '49');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile50" id="ibTile50" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '50');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile51" id="ibTile51" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '51');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile52" id="ibTile52" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '52');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile53" id="ibTile53" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '53');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile54" id="ibTile54" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '54');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile55" id="ibTile55" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '55');return false;" style="height:100px;width:100px;" /></td>
					</tr>
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;">
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile56" id="ibTile56" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '56');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile57" id="ibTile57" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '57');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile58" id="ibTile58" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '58');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile59" id="ibTile59" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '59');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile60" id="ibTile60" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '60');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile61" id="ibTile61" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '61');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile62" id="ibTile62" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '62');return false;" style="height:100px;width:100px;" /></td>
						<td width="100" height="100" align="center" valign="middle" style="display: inline-block;visibility:inherit;margin-bottom:0px;padding-right:0px;padding-left:0px;padding-bottom:0px;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;border-collapse: collapse; "><input type="image" name="ibTile63" id="ibTile63" src="ImagesWorld/Images/qMark1.jpg" onclick="bMazeTileC(this, '63');return false;" style="height:100px;width:100px;" /></td>
					</tr>
					<tr style="white-space:nowrap;column-gap:0px;grid-column-gap:0px;padding: 0px;margin:0px;">
					</tr>
				</table>
				</td>
			</tr>
		</table>
		</td>
	</tr>
</table>

Posted 8-Oct-21 22:50pm

Genki Kids

Updated 10-Oct-21 18:39pm

v2

Add a Solution

Comments

George Swan 9-Oct-21 6:01am

I think you need to set 'border-collapse: separate' ; for the border-spacing to be set correctly

Genki Kids 9-Oct-21 6:25am

Where do you recommend I add border-collapse: separate?

DerekT-P 9-Oct-21 8:23am

1. Have you ever come across CSS classes? Just give each cell a classname and define the CSS via a stylesheet. It will help toward making your code readable (and maintainable, and performant).

2. Have you used the developer tools in Firefox to identify what element the white space belongs to? That's the first step to solving your problem. The inspector will also give an indication as to whether the space represents padding, or margin etc. Without access to the site we're not going to build a page using your snippet - you need to do this yourself.
3. re your CSS: you can thin down your CSS somewhat; e.g. you have padding-right, padding-left, padding-bottom all set explicitly to 0px; but then you also do padding:0px rendering the individual settings superfluous.

Hope you find the issue!

Genki Kids 9-Oct-21 8:33am

Thanks! Yeah I added many redundant things just for testing as it was driving me nuts. It works perfectly fine in Chrome. I didn't use CSS here cause it's all done server side programmatically. That's just the resulting code. How am I able to check with developer tools in Firefox? Can you give me a simple example of say how to find white space or something...have limited experience with that. Thanks!

Genki Kids 9-Oct-21 10:14am

Thanks so much for pointing me in the direction of the Inspector. I found the whitespace...and can delete the nodes in there...just have to figure WHY those are being created in the first place and where to change in my code. Chrome doesnt create those nodes...but firefox does. Hmmmm.

DerekT-P 10-Oct-21 5:14am

Glad you're on the right track... :-)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Genki Kids · Answer 1 · 2021-10-10T18:39:00

Solution 1

After many hours of fiddling around I found the solution.
Basically adding

padding:0px;margin:0px;display: inline-block

was NOT enough.
It worked fine for CHROME, but for FIREFOX I also needed to add

float: left;

Posted 10-Oct-21 18:39pm

Genki Kids