IE puts space at bottom of cell

[Manuel]

I want to create a table in which 2 images "connect" vertically with
each other. Mozilla does this without a problem, but IE keeps putting a
small whitespace between the bottom of the image and the bottom border.

This is my code:
------------------------
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src='MyTopImage.gif'>
</td>
</tr>
<tr>
<td>
<img src='MyBottomImage.gif'>
</td>
</tr>
</table>
------------------------

How can I make IE display the images one after the other, without a
space between?

Thank You,
Manuel

.................................................. ...............
Posted via TITANnews - Uncensored Newsgroups Access

at http://www.TitanNews.com <<<<

-=Every Newsgroup - Anonymous, UNCENSORED, BROADBAND Downloads=-

[Lauri Raittila]

In article Manuel wrote:

I want to create a table in which 2 images "connect" vertically with
each other. Mozilla does this without a problem, but IE keeps putting a
small whitespace between the bottom of the image and the bottom border.
Most likely because mozilla uses almost standards mode, ie makes mistake
purposefully? URL¹?
This is my code:
------------------------
<table cellpadding="0" cellspacing="0" border="0"> .... <tr>
<td>
<img src='MyBottomImage.gif'>
</td>
</tr>
</table>
------------------------

How can I make IE display the images one after the other, without a
space between?

Remove spaces between <td>, <img> and </td>

And/or add
td img {display:block} in your CSS.

[1] Document type declaration is important
[2] We dont have MyBottomImage.gif
[3] That is behind firewall/secret/only on your computer is just
excuse

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä

[Manuel]

>>

How can I make IE display the images one after the other, without a
space between?

Remove spaces between <td>, <img> and </td>

Removing the white space did the trick, thanks.

.................................................. ...............
Posted via TITANnews - Uncensored Newsgroups Access

at http://www.TitanNews.com <<<<

-=Every Newsgroup - Anonymous, UNCENSORED, BROADBAND Downloads=-

[Werner Partner]

Manuel schrieb:

I want to create a table in which 2 images "connect" vertically with
each other. Mozilla does this without a problem, but IE keeps putting a
small whitespace between the bottom of the image and the bottom border.

This is my code:
------------------------
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src='MyTopImage.gif'>
</td>
</tr>
<tr>
<td>
<img src='MyBottomImage.gif'>
</td>
</tr>
</table>
------------------------

How can I make IE display the images one after the other, without a
space between?

Eventually you could try "margin:0"

Werner
--
-----------------------------------------------------------
Werner Partner * Tel [phone] * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/

[Steve Pugh]

Werner Partner <ka****@sonoptikon.de> wrote:

Manuel schrieb:

I want to create a table in which 2 images "connect" vertically with
each other. Mozilla does this without a problem, but IE keeps putting a
small whitespace between the bottom of the image and the bottom border.

<tr>
<td>
<img src='MyTopImage.gif'>
</td>

Eventually you could try "margin:0"

In the case above, wouldn't make any difference.

In IE the space is caused by the white space in the code.
(If Mozilla was in Standards mode then the space there would be caused
by the default line-height).

There is no default margin on <img> in any common browser so margin: 0
doesn't make any difference in said browsers. (Not ruling out the
possibility that such a browser does exist, but it's not called
Internet Explorer, or Mozilla, or Opera, or Netscape, etc..)

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>