...

View Full Version : 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>
<!--
TABLE {
padding:0px;
cell-padding:0px;
cell-spacing:0px;
}

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


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

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!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum