how to remove the space between these two tables?

[wk]

Hi,

I have a seemingly simple html code which has two tables one under
another, and both have an image of same size...but the table row also
has some text, which seems to be creating a small gap between the two
images on display. Can anybody tell me how to remove the thin gap
between the two images?

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" ><a><img srcItem.gif" width="31"
height="16" border="0" a><a href="xyz">abc</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" ><a><img srcItem.gif" width="31"
height="16" border="0" a><a href="xyz">efg</a></td>
</tr>
</table>

[Els]

wk wrote:

Hi,

I have a seemingly simple html code which has two tables one under
another, and both have an image of same size...but the table row also
has some text, which seems to be creating a small gap between the two
images on display. Can anybody tell me how to remove the thin gap
between the two images?

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" ><a><img srcItem.gif" width="31"
height="16" border="0" a><a href="xyz">abc</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" ><a><img srcItem.gif" width="31"
height="16" border="0" a><a href="xyz">efg</a></td>
</tr>
</table>

How about using correct markup?
What is <img srcItem.gif" width="31" height="16" border="0" a>
supposed to mean?
I bet this code doesn't show anything online.
Please provide a URL so we can distinguish between real problems and
bad copy paste jobs.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Martin!]

Els wrote:

wk wrote:

Hi,

I have a seemingly simple html code which has two tables one under
another, and both have an image of same size...but the table row also
has some text, which seems to be creating a small gap between the two
images on display. Can anybody tell me how to remove the thin gap
between the two images?

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" ><a><img srcItem.gif" width="31"
height="16" border="0" a><a href="xyz">abc</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" ><a><img srcItem.gif" width="31"
height="16" border="0" a><a href="xyz">efg</a></td>
</tr>
</table>

How about using correct markup?
What is <img srcItem.gif" width="31" height="16" border="0" a>
supposed to mean?
I bet this code doesn't show anything online.
Please provide a URL so we can distinguish between real problems and
bad copy paste jobs.

we indeed seldomly get treated with such html_gibberish here. i even
doubt that this is a copy/paste .. must be some kind of pre_1st attempt
at html or else there is simply no hope.

[Els]

Martin! wrote:

Els wrote:

wk wrote:

Hi,

I have a seemingly simple html code which has two tables one under
another, and both have an image of same size...but the table row also
has some text, which seems to be creating a small gap between the two
images on display. Can anybody tell me how to remove the thin gap
between the two images?

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" ><a><img srcItem.gif" width="31"
height="16" border="0" a><a href="xyz">abc</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" ><a><img srcItem.gif" width="31"
height="16" border="0" a><a href="xyz">efg</a></td>
</tr>
</table>

How about using correct markup?
What is <img srcItem.gif" width="31" height="16" border="0" a>
supposed to mean?
I bet this code doesn't show anything online.
Please provide a URL so we can distinguish between real problems and
bad copy paste jobs.

we indeed seldomly get treated with such html_gibberish here. i even
doubt that this is a copy/paste .. must be some kind of pre_1st attempt
at html or else there is simply no hope.

Nah, it must be copy paste, otherwise s/he wouldn't be able to see any
images, let alone a space between them :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[wk]

What i pasted here is a simplification of the looong code i have in my
application. A small typo which happened was that <img srcItem.gif"
should have been <img src="Item.gif"

any ideas now?

[Els]

wk wrote:

What i pasted here is a simplification of the looong code i have in my
application. A small typo which happened was that <img srcItem.gif"
should have been <img src="Item.gif"

any ideas now?

Yes, sure: How about qouting those parts of a message to which you are
replying, so we all know what you're talking about?
And as I happen to have a very good memory, I'll tell you from that
memory that your code is still a mess, even when I correct that
'little typo' you just mentioned. What is an 'a' doing at the end of
an <img> element? Why is there a single <a> in front of that image
element?
Your last chance: a URL, or no help from me. (can't speak for the
others of course, but I know there are more people who think like
that, so it's your choice)

Problems on pages can be caused by lots of things, I'm not gonna waste
my time on something that isn't solvable because for instance you
didn't use a doctype and I'd be trying to code against quirksmode or
something that silly.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Martin!]

Els wrote:

wk wrote:

What i pasted here is a simplification of the looong code i have in my
application. A small typo which happened was that <img srcItem.gif"
should have been <img src="Item.gif"

any ideas now?

a URL .....

if you would have spend more than a fraction of a quantum-second (wonder
what you did during those last 15 hours) you would have noticed that the
text you placed after the images also need space. and since anchors and
images are inline elements the text increases the space between your
images. see for instance the 'g'.

add 'a { backgroud-color: red;}' and you cannot miss it.

[John Hosking]

"Martin!" <m.*******@gmail.comcomcommer> wrote in message
news:d3**********@news.hispeed.ch...

add 'a { backgroud-color: red;}' and you cannot miss it.

....unless you spell "background" wrong...

Those copy-and-paste errors can get you. :-o

--
John