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 3 of 3
  1. #1
    Regular Coder MrBiggZ's Avatar
    Join Date
    Apr 2005
    Location
    Indianapolis IN
    Posts
    275
    Thanks
    39
    Thanked 0 Times in 0 Posts

    Is there a way to get rid of this little space?

    Greetings!

    I have this table in the beginning I have a thead and tbody. The th I have styled so it has the top and side borders and the td so it has the bottom and side borders. There's a small gap between were the bottom of the th and top of the td would be.

    I've tried border-spacing:0px & border-collapse:collapse & border-bottom and top to none and even transparent. No luck! It's probably something goofy!

    Thanks for looking at this!

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    	<title>Empty Page</title>
    
    <style type="text/css">
    th.thShift {border-top:3px inset red;
                border-left:3px inset red;
                border-right:3px inset red;
               }
    
    td.thShift {border-bottom:3px inset red;
                border-left:3px inset red;
                border-right:3px inset red;
    			}
    </style>
    </head>
    
    <body>
    
    <table name="shifttable">
    
    	<thead>
    		<tr>
    			<th class="thShift" colspan="4">Long Row</th>
    		</tr>
    	</thead>	
    	<tbody>
    		<tr>
    			<td class="thShift" colspan="4">All the way across!</td>
    		</tr>
    	</tbody>
    		
    		
    	<thead>
    		<tr>
    			<th>Column 1</th>
    			<th>Column 2</th>
    			<th>Column 3</th>
    			<th>Column 4</th>
    		</tr>
    	</thead>
    	
    	<tbody>
    		<tr>
    			<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
    			<td>Praesent a sem odio, eget vehicula tortor.</td>
    			<td>Morbi sagittis tristique sodales. In rutrum tincidunt mi eget consequat.</td>
    			<td>Donec id dolor ac nisl hendrerit semper auctor id libero.</td>
    		</tr>
    	</tbody>
    
    </table>
    
    
    </body>
    </html>

  • #2
    Senior Coder tomws's Avatar
    Join Date
    Nov 2007
    Location
    Arkansas
    Posts
    2,644
    Thanks
    29
    Thanked 330 Times in 326 Posts
    border-collapse works fine here in FF3 when applied to the table tag.
    Are you a Help Vampire?

  • #3
    Regular Coder MrBiggZ's Avatar
    Join Date
    Apr 2005
    Location
    Indianapolis IN
    Posts
    275
    Thanks
    39
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by tomws View Post
    border-collapse works fine here in FF3 when applied to the table tag.
    Thanks bud! I didn't hit the table tag. Of course .. everything else but! I'll give it a whirl!


  •  

    Posting Permissions

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