Hi all, I have a problem with some spaces added by the editor.
I want to put two images one under the other in a div that has a width of 230px.
I can simply add this code:
<img height="307" alt="" src="image01.gif" width="230" border="0" /><img height="20" alt="" src="image02.gif" width="230" border="0" />
BUT
when I save the editor adds a space between the two images
<img height="307" alt="" src="image01.gif" width="230" border="0" /> <img height="20" alt="" src="image02.gif" width="230" border="0" />
so, IE shows some space between the two images.
I tried inserting the images in a table but, even if I manually correct the html:
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img height="307" alt="" src="image01.gif" width="230" border="0" /></td>
</tr>
<tr>
<td><img height="20" alt="" src="image02.gif" width="230" border="0" /></td>
</tr>
</table>
saving, the editor adds a space after the image tag .......
If I switch between preview and html the code remains safe. The space is added only upon saving
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img height="307" alt="" src="image01.gif" width="230" border="0" /> </td>
</tr>
<tr>
<td><img height="20" alt="" src="image02.gif" width="230" border="0" /> </td>
</tr>
</table>
Any hints?
Thanks
Andrea
[*** UPDATE ***]
If I insert some text in the first cell, everything is ok.
So, if I use this HTML
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img height="307" alt="" src="image01.gif" width="230" border="0" /></td>
</tr>
<tr>
<td><img height="20" alt="" src="image02.gif" width="230" border="0" /></td>
</tr>
</table>
the editor saves
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img height="307" alt="" src="image01.gif" width="230" border="0" /> </td>
</tr>
<tr>
<td><img height="20" alt="" src="image02.gif" width="230" border="0" /> </td>
</tr>
</table>
with extra spaces; but if I use this HTML
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>TEST<br /><img height="307" alt="" src="image01.gif" width="230" border="0" /></td>
</tr>
<tr>
<td><img height="20" alt="" src="image02.gif" width="230" border="0" /></td>
</tr>
</table>
everything works fine......