...

View Full Version : Is there a way to get rid of this little space?



MrBiggZ
10-22-2009, 11:14 PM
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! :D

Thanks for looking at this! :eek:



<!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>

tomws
10-22-2009, 11:48 PM
border-collapse works fine here in FF3 when applied to the table tag.

MrBiggZ
10-23-2009, 12:08 AM
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! :thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum