asked on

Why there is a space between pictures?

There is Space between my two table, I ma sending my code nad a picture so you can see it better.
I tried eveything , valign="bottom,top.." but nothing..Any ideas?

Also I put a red boarder so it can be seing more clear the space between drawings.
In the picture you can see that the picture number 2 is touching the picture number 1, the problem is in the picture one.

<tr>
           <td>
            <table border="1"  bordercolor="red" cellpadding="0" cellspacing="0" height="49px">
                <tr>                              
                    <td>
                        <a href="?" onmouseover="swap('dog','images/dog-ON.png')" onmouseout="swap('dog','images/dog-OFF.png')">
                         <img id="dog" src="images/dog-OFF.png" style="border: 0px;" /></a>
                    </td>
                    <td>
                        <a href="?" onmouseover="swap('car','images/Gcar-ON.png')" onmouseout="swap('car','images/car-OFF.png')">
                         <img id="car" src="images/car-OFF.png" style="border: 0px;"/></a>
                    </td>                       
                                                       
                </tr>
            </table>
           </td>           
          </tr>
// The space between this 2 table is here (I think!)
          <tr>
           <td>
            <asp:Panel runat="server" ID="InformationBox">
              <table cellpadding="0" cellspacing="0" border="0" background="images/InformationBox.png" width="874px" height="416px">
                <tr>
                 <td>
                    &nbsp;
                 </td>
                </tr>
              </table>
            </asp:Panel>                
           </td>          
          </tr>

Open in new window

Space-between-tables.bmp

ASKER CERTIFIED SOLUTION

kennethfine

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

Kevin Cross

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

Joel Coehoorn

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

eddyperu

ASKER

HI Everyone,
Thanks for your comments and your help. Yall rock!! :) I make it work and everyone of you is right but the explication is totally crazy, I think is one of the stuff that asp does because.
Well, when anyone use anchors <a> ,ASP reads the anchor and also read the space before the anchors, why? Well ASP needs to know that you are going to start an anchor so when it render the page to the server. It send this "(space)anchor......"as a default. The server read this and do what it say. wear isn't ? How to prove that? Well, do the same but this time take the anchors away and only leave a simple image, you will see that the pictures doesn't have the white space between them but with anchor it does.
Way how to fix it: If you put the row in one line, it will work great. ASP reads everything as a complete string without white spaces and that is what it is send to the server, in this way you are not giving ASP chance to set up a white space before the anchor.(By default ASP will set a white space before the anchor).
Now, if you are thinking about it will be more easy with CSS, well that is not quite right neither. Css have some bugs about the same issue, you need to use a <span> or <div>in some place to avoid all this problem.

Thanks for all your help and if is okey with you I will give everyone part of the points, ok? If you are not agree please write me back. :) :) Thanks Experts