XSLT White Space Gaps Under Images

[Mark247]

Hi,
When transforming an XSLT to HTML I get a very annnoying white spac
gap of about 2px under each image. This is particularly annoying as
am creating a vertical navigation menu made up of images wit
rollovers. I know why the space is there, I just dont know how t
remedy the problem in my XSLT. The space is caused by the transforme
HTML closing </a> being on the next line from the closing </img> ta
and the closing </td> on the next line again. Even if I line everythin
up on the same line in the source XSLT it jumps down again when it i
transformed to HTML.

The XSLT code is pretty simple:

<td><a>
<xsl:attribute name="href">
<xsl:value-of select="$VirPath" />default.aspx
</xsl:attribute>
<img name="ImageName" src="Image.gif>
</img></a></td>

How can I force the transformed HTML to line up properly so I dont ge
this 2px gap under my images


-
Mark24

 

[Marrow]

Hi Mark,

To take tight control of the whitespace produced by your transformation...
1. Make sure your output method is HTML and turn indentation off, e.g.
<xslutput method="html" indent="no"/>

2. Ensure that all implicit output text is made explicit - implicit output
text being text that is not wrapped within <xsl:text>, e.g.
convert things like...
<p>Something</p>
to...
<p>
<xsl:text>Something</xsl:text>
</p>

Also, don't use <xsl:attribute> when an AVT (attribute value template) would
suffice, e.g. rather than...
<td>
<a>
<xsl:attribute name="href">
<xsl:value-of select="$VirPath" />default.aspx
</xsl:attribute>
<img name="ImageName" src="Image.gif></img>
</a>
</td>
use instead...
<td>
<a href="{$VirPath}default.aspx">
<img name="ImageName" src="Image.gif"/>
</a>
</td>


HTH
Marrow
http://www.marrowsoft.com - home of Xselerator (XSLT IDE and debugger)
http://www.topxml.com/Xselerator