View Full Version : applied border-collapse and still horizontal gaps

May 25th, 2010, 01:32 AM
Hey all,

I rarely use tables so I'm not sure why there are horizontal gaps here as if margin has been applied to each of table cells:

<table style="width: 600px; border-collapse: collapse;">
<tr style="height: 112px;">
<th scope="col" style="width: 25px;"><img src="leftmast.png" /></th>
<th scope="col" style="width: 194px;"><img src="centermast.png" /></th>
<th scope="col" style="width: 381px;"><img src="rightmast.png" /></th>

May 25th, 2010, 01:39 AM
Ok I figured it out I think. You had to add the following to the block elements in table:
margin: 0; padding: 0; border: 0;