how to remove the space between these two tables?

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • wk
    #1

    how to remove the space between these two tables?

    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>

    Tags: None
    • Els
      #2
      Re: how to remove the space between these two tables?

      wk wrote:
      [color=blue]
      > 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>[/color]

      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 -

        Comment

        • Martin!
          #3
          Re: how to remove the space between these two tables?

          Els wrote:[color=blue]
          > wk wrote:
          >
          >[color=green]
          >>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>[/color]
          >
          >
          > 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.
          >[/color]

          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.

            Comment

            • Els
              #4
              Re: how to remove the space between these two tables?

              Martin! wrote:
              [color=blue]
              > Els wrote:[color=green]
              >> wk wrote:
              >>
              >>[color=darkred]
              >>>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>[/color]
              >>
              >>
              >> 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.
              >>[/color]
              >
              > 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.[/color]

              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 -

                Comment

                • wk
                  #5
                  Re: how to remove the space between these two tables?

                  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?

                    Comment

                    • Els
                      #6
                      Re: how to remove the space between these two tables?

                      wk wrote:
                      [color=blue]
                      > 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?[/color]

                      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 -

                        Comment

                        • Martin!
                          #7
                          Re: how to remove the space between these two tables?

                          Els wrote:[color=blue]
                          > wk wrote:
                          >
                          >[color=green]
                          >>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?[/color]
                          >
                          > a URL .....[/color]

                          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.

                            Comment

                            • John Hosking
                              #8
                              Re: how to remove the space between these two tables?

                              "Martin!" <m.l.smidt@gmai l.comcomcommer> wrote in message
                              news:d3lckt$2sm $1@news.hispeed .ch...[color=blue]
                              >
                              > add 'a { backgroud-color: red;}' and you cannot miss it.[/color]

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

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

                              --
                              John


                                Comment

                                Previous template Next
                                Working...