469,338 Members | 8,424 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,338 developers. It's quick & easy.

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>

Jul 21 '05 #1
7 26142
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 vo. O resto imperfeito.
- Renato Russo -
Jul 21 '05 #2
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.
Jul 21 '05 #3
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 vo. O resto imperfeito.
- Renato Russo -
Jul 21 '05 #4
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?

Jul 21 '05 #5
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 vo. O resto imperfeito.
- Renato Russo -
Jul 21 '05 #6
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.
Jul 21 '05 #7
"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
Jul 21 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

9 posts views Thread by Daniel | last post: by
3 posts views Thread by Buz | last post: by
8 posts views Thread by Joseph | last post: by
3 posts views Thread by Chris | last post: by
5 posts views Thread by Steve | last post: by
4 posts views Thread by ashish1779 | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by suresh191 | last post: by
reply views Thread by Purva khokhar | last post: by
1 post views Thread by haryvincent176 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.