...

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



johnmerlino
05-25-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;">
<thead>
<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>
</tr>
</thead>
</table>

johnmerlino
05-25-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;



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum