css+table = thin border can't get rid of

[jag5311]

Ok, it might not be a border, but a thin white space at the top. Basically it has something to do with the table surrounding all the info.

Alright, here is the link
http://www.btkdesigns.com/seemac/seemac-table.htm

Here is my css

table#whole {
width: 100%;
border: none;
margin: 0px;
padding: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
text-decoration: none;
letter-spacing: 1px;
margin: 0px;
padding: 0px;
}
td#headerimage {
background-image: url(images/seemac_02.jpg);
background-repeat: repeat-x;
height: 114px;
border: none;
margin: 0px;
padding: 0px;
 
}
td {
margin: 0px;
padding: 0px;
border: none;
}
tr {
margin: 0px;
padding: 0px;
border: none;

Can anyone tell me where the problem is

Thanks
Bryan

[vgarcia]

I get no border in Opera 7.2, IE6, or Firebird.

[jag5311]

At the very top and left side?

For me, IE 6 produced what appears to be either a 1-2px space. Doesn't mean its a border, but at least a space.

btw- That was a record response. Very fast

[Travis]

border-spacing: 0;
border-collapse: collapse;

[jag5311]

do I only need to apply that to table#whole ?

I have been using Dreamweaver mx, I guess those weren't options.

Thanks

[jag5311]

works like a charm

[Travis]

Glad to help. That issue took me about 5 hours of digging, so consider yourself saved!

[jag5311]

I feel blessed

Ok, I got another problemo, and this is probably due to me relying more on dreamweaver in my time as a designer.

So I want the body text to be somewhat close to my left menu. Well, the cell where the body text is can't get any closer because of the top left logo. Is the only solution to make that top left logo a background?

or is there another way?

Thanks

<table id="whole">
  <tr id="background"> 
	<td id="headerimage"><img src="images/seemac_01.jpg" alt="Seemac Incorporated" /></td>
	<td colspan="2" id="rightimage"><img src="images/seemac_04.jpg" alt="Seemac Incorporated" width="310" height="156" /></td>
  </tr>
  <tr> 
	<td id="left-menu"> <dl>
		<dt>Seemac</dt>
		<dd><a href="#">Home</a></dd>
		<dd><a href="#">Products</a></dd>
		<dd><a href="#">Services</a></dd>
		<dd><a href="#">History</a></dd>
		<dd><a href="#">Legacy</a></dd>
		<dd><a href="#">Contact</a></dd>
	  </dl>
	  <dl>
	  </dl></td>
	<td id="content">Body content goes herethrough a top-down, proactive approach 
	  we can remain customer focused and goal-directed, innovate and be an inside-out 
	  organization which facilitates sticky web-readiness transforming turnkey 
	  eyeballs to brand 24/365 paradigms with benchmark turnkey channels implementing 
	  viral e-services and dot-com action-items while we take that action item 
	  off-line and raise a red flag and remember touch base as you think about 
	  the red tape outside of the box and seize B2B e-tailers and re-envisioneer 
	  innovative partnerships that evolve dot-com initiatives delivering synergistic 
	  earballs to incentivize B2B2C deliverables that leverage magnetic solutions 
	  to synergize clicks-and-mortar earballs while facilitating one-to-one action-items 
	  with revolutionary relationships that deliver viral markets and grow e-business 
	  supply-chains that expedite seamless relationships and transform back-end 
	  relationships withthrough a top-down, proactive approach we can remain customer 
	  focused and goal-directed, innovat</td>
	<td id="news">News goes here</td>
  </tr>
  <tr> 
	<td colspan="3" id="footer">Footer</td>
  </tr>
</table>

[Paul O'B]

Hi,

The simplest way is just to put the header in its own table (that is if you must use tables of course ).

<table id="whole">
  <tr id="background"> 
	<td id="headerimage"><img src="http://www.btkdesigns.com/seemac/images/seemac_01.jpg" alt="Seemac Incorporated" /></td>
	<td colspan="2"id="rightimage"><img src="http://www.btkdesigns.com/seemac/images/seemac_04.jpg" alt="Seemac Incorporated" width="310" height="156" /></td>
  </tr>
 </table>
 
<table id="whole">  
  <tr> 
	<td id="left-menu"> <dl>
etc..............................

Paul

[jag5311]

Hey everyone, Im back thanks for the help, it all has worked, in fact, my current copy can be seen at
http://www.btkdesigns.com/seemac/seemac-table.htm
if you feel like you want to see what all the fuss has been about in the preceding posts

anyways, I am working on getting this thing to appear somewhat ok in netscape.

Is it possible to eliminate the tables, cells, and rows in a stylesheet for nn4 but still display the content?

Thanks
Bryan