space betwee two table rows RSS

• • Reply
  

  anjaliagarwa...

  Member

  705 Points

  624 Posts

  space betwee two table rows

  May 15, 2012 05:37 PM|LINK

  Hi All,

   I cannot seem to reduce the space between two TR tags. I have the following code. I don't want any space between two tr tags.

   

  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#d7d6d4" >
      <tr   >
          <td align="center" style="height:0px; line-height:0px; background:#932a28; border:0; border-bottom:0">
                    <asp:Image ID="newLogo" runat="server" ImageUrl="~/images/middle_logo_top.jpg"/>
          
          </td>
      
      </tr>
  
      <tr >
          <td  align="center" style="height:10px;  background:#e5e0dd">
               <asp:Image ID="Image1" runat="server" ImageUrl="~/images/middle_logo_btm.jpg"/>
          
          
          </td>
      </tr>

• • Reply
  

  IgorKitsula

  Member

  144 Points

  33 Posts

  Re: space betwee two table rows

  May 15, 2012 05:48 PM|LINK

  Close <table> tag. and there is no space there: http://jsfiddle.net/Ku89X/

  Please "Mark as answer", if my post helps you...
  - Igor
  Weblog: http://kitsula.com
• • Reply
  

  anjaliagarwa...

  Member

  705 Points

  624 Posts

  Re: space betwee two table rows

  May 15, 2012 06:49 PM|LINK

  I didn't pasted the whole code and thats why you could not see the closing table tag.

  There is a maroon color space in between in the e.g. that you sent me.

• • Reply
  

  IgorKitsula

  Member

  144 Points

  33 Posts

  Re: space betwee two table rows

  May 15, 2012 07:36 PM|LINK

  There is no space between images. first cell has a maroon background cause whole table have width="100%".

  What browser are you using?

  Please "Mark as answer", if my post helps you...
  - Igor
  Weblog: http://kitsula.com
• • Reply
  

  sriramabi

  Contributor

  4351 Points

  1277 Posts

  Re: space betwee two table rows

  May 15, 2012 07:42 PM|LINK

  pls remove

  width="100%" cellpadding="0" cellspacing="0" in table tag...

• • Reply
  

  anjaliagarwa...

  Member

  705 Points

  624 Posts

  Re: space betwee two table rows

  May 15, 2012 08:05 PM|LINK

  still getting the space. Below is my code

  <table  >
      <tr style="padding:0; padding-bottom:0">
          <td align="center" style="height:0px; line-height:0px; background:#932a28; border:0; border-bottom:0">
                    <asp:Image ID="newLogo" runat="server" ImageUrl="~/images/middle_top.jpg"/>
  
          </td>
      
      </tr>
  
      <tr>
          <td  align="center" style="height:10px;  background:#e5e0dd">
               <asp:Image ID="Image1" runat="server" ImageUrl="~/images/middle_bottom.jpg" />
          </td>
      </tr>
  </table>

• • Reply
  

  sriramabi

  Contributor

  4351 Points

  1277 Posts

  Re: space betwee two table rows

  May 15, 2012 08:11 PM|LINK

  hai

  set valign="top" in tr and td tag....

  thank u

• • Reply
  

  IgorKitsula

  Member

  144 Points

  33 Posts

  Re: space betwee two table rows

  May 15, 2012 08:11 PM|LINK

  your code: http://jsfiddle.net/Ku89X/1/

  Are you sure images have no this space???

  Please "Mark as answer", if my post helps you...
  - Igor
  Weblog: http://kitsula.com
• • Reply
  

  anjaliagarwa...

  Member

  705 Points

  624 Posts

  Re: space betwee two table rows

  May 15, 2012 08:15 PM|LINK

  still see the space. below is my updated code

  <table  >
      <tr valign="top" style="padding:0; padding-bottom:0" >
          <td valign="top" align="center" style="height:0px; line-height:0px; background:#932a28; border:0; border-bottom:0" >
                    <asp:Image ID="newLogo" runat="server" ImageUrl="~/images/middle_top.jpg"/>
  
          </td>
      
      </tr>
  
      <tr valign="top">
          <td valign="top"  align="center" style="height:10px;  background:#e5e0dd">
               <asp:Image ID="Image1" runat="server" ImageUrl="~/images/middle_bottom.jpg" />
          </td>
      </tr>
  </table>

• • Reply
  

  facsimile.ra...

  Member

  147 Points

  38 Posts

  Re: space betwee two table rows

  May 15, 2012 08:16 PM|LINK

  Try this...

  <table width="100%" cellpadding="0" cellspacing="0">
      <tr>
          <td align="center" style="background:#932a28;">
                  <asp:Image ID="newLogo" runat="server" ImageUrl="~/images/middle_top.jpg"/>
          </td>
      </tr>
      <tr>
          <td  align="center" style="background:#e5e0dd">
               <asp:Image ID="Image1" runat="server" ImageUrl="~/images/middle_bottom.jpg" />
               Test
          </td>
      </tr>
  </table>