Remove extra space in TD

jaywhy13

07-06-2005, 03:09 AM

I'm having a major problem! I have an image that is 770x267 px. Its my banner. I hav a table... one TD by itself... 1x1 table. Then in the td after... I want the menubar to follow in the next td... BUT there is this space after the image in the first td... and I can't get rid of it. I've even tried some resizing and crafting with css... NOTHING WORKS!!!
Here is the code:

<html>
<head>
<title>CLink.com</title>
<style>

</style>
</head>

<body background="mainbg.gif" style="background-repeat:repeat; margin:0px;">
<table width="770px" border="1" align="center" cellspacing="0" cellpadding="0">
<tr>
<td id="bannerTd">
<img src="clink2.gif" border="1">
</td>
</tr>

<tr>
</table>

</body>
</html>

Right where the RED arrow points... there is that space right there

Ranger56

07-06-2005, 03:11 AM

add this to the css

td{margin:0;padding:0;}

Ranger56

07-06-2005, 03:20 AM

Link?

jaywhy13

07-06-2005, 03:22 AM

add this to the css

td{margin:0;padding:0;}

Didn't work... tried that already.

jaywhy13

07-06-2005, 03:30 AM

Link?

Pic Uploaded...

Ranger56

07-06-2005, 04:26 AM

#bannerTd {
height:260px;
overflow:hidden;
text-align:center center;
display:block;
margin-bottom:-*px
}

Change the * to a number.

jaywhy13

07-06-2005, 04:36 AM

#bannerTd {
height:260px;
overflow:hidden;
text-align:center center;
display:block;
margin-bottom:-*px
}

Change the * to a number.

That doesn't work either.... Even when I put a FAT number in there... it doesn't change anything! I also tried moving the height to less than 260px and that didn't even chance a THING! :mad: wots happenin here!!!??? :confused:

jaywhy13

07-06-2005, 04:40 AM

SOLVED IT!!!! I had to reduce the font-size to 0. Apparently, it was adding some \n or some special character after the image.

Ranger56

07-06-2005, 04:42 AM

Weird

coothead

07-06-2005, 04:43 AM

jaywhy13

07-06-2005, 05:15 AM

Hi there jaywhy13,

have you tried removing the white space?

Instead of...

<tr>
<td id="bannerTd">
<img src="clink2.gif" border="1">
</td>
</tr>

...try it like this...

<tr>
<td id="bannerTd"><img src="clink2.gif" border="1"></td>
</tr>

coothead

That works 2... and I can see why. So much for html ignoring those special characters... thats a flaw ain't it?

Ranger56

07-06-2005, 05:43 AM

That works 2... and I can see why. So much for html ignoring those special characters... thats a flaw ain't it?

What special characters?

jaywhy13

07-06-2005, 05:59 AM

What special characters?
I think i was reading some where and it said that HTML ignores whitespace characters.

_Aerospace_Eng_

07-06-2005, 06:16 AM

Not IE6 for windows, IE reads whitespace as slight line breaks sometimes.

jaywhy13

07-06-2005, 01:26 PM

Not IE6 for windows, IE reads whitespace as slight line breaks sometimes.
Yea... thats wot I'm learning now. I'd have never thought of that as the problem. However, I vageuly remember using the font-size trick....

rogerdodger00

11-05-2010, 12:04 AM

been trying to figure out how to get rid of that space for a few hours now...

SETTING font-size:0px; FIXED IT!!!

i would've never figured it out

THANKS A MILLION!