How to take off space between rows ??

[mlotfi]

Hi, I have a table that has these rows :


<tr>
<td align="right" valign="top">
<img src= "<bean:write name='ctxtPath'/>/coeuslite images/c_username.gif" border=0>
</td>
<td>&nbsp;</td>
<td valign="top" ><img src= "<bean:write name='ctxtPath'/>/coeuslite images/c_password.gif" ></td>
</tr>
<tr>
<td align="right" valign="top"><html:text property="username" styleClass="textbox" maxlength="8" /></td>
<td>&nbsp;</td>
<td align="left" valign="top"><htmlassword property="password" styleClass="textbox"/></td>
</tr>


How to take off the space between the images and the input texts ?
thanks

 

[cLFlaVA]

first off, you have pasted java server page code or some other language. this is the HTML/XHTML/CSS forum. therefore, best practice dictates that you render your page in a browser, do a view > source, then paste the result here.

that being said, you can remove your [tt]<td>&nbsp;</td>[/tt] cells, which do nothing but add space and eat up bandwidth.



*cLFlaVA
----------------------------
[tt]somebody set up us the bomb![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[Vragabond]

...and third, try to remove all whitespace between <td> and <img /> and </td>. IE sometimes tries to render that whitespace as actual space for the layout.

 

[PGoRule]

This code doesn't give any idea about what you are saying...just check your table attributes, cellspacing and cellpadding or any other CSS applied to that table.

Prashant

 

[dkdude]

In addition, you can try this:

<style>
  table {
    border-collapse  : collapse;
  }
  img {
    border-width     : 0;
  }
</style>

Jakob