Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Oct 2009
    Posts
    189
    Thanks
    38
    Thanked 3 Times in 3 Posts

    applied border-collapse and still horizontal gaps

    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:
    Code:
    <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>

  • #2
    Regular Coder
    Join Date
    Oct 2009
    Posts
    189
    Thanks
    38
    Thanked 3 Times in 3 Posts
    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;


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •