Hello,

I'm trying to set the width and height attribute on an img element to 50%. The following code doesn't work:

<xsl:element name="img">
<xsl:attribute name="src">...</xsl:attribute>
<xsl:attribute name="width">50%</xsl:attribute>
<xsl:attribute name="height">50%</xsl:attribute>
</xsl:element>

I tried CSS as well, but that didn't work either:

<xsl:element name="img">
<xsl:attribute name="src">...</xsl:attribute>
<xsl:attribute name="style">width: 50%; height: 50%;</xsl:attribute>
</xsl:element>

I don't want to use absolute values. I would really like to know how (if it's possible) to set the CSS of HTML elements using XSLT. Can this be done? If not, can I at least set the width and height of elements using percentages?

Thanks.

What HTML are you trying to generate? If you can't work that out then you have an HTML problem, not an XSLT problem.

__________________
/- Sam Judson : Wrox Technical Editor -/

Think before you post: What have you tried?

I'm trying to shrink the size of an image.

I'm expecting the HTML to look like this:

<img src="..." width="50%" height="50%">

or, if I can inject CSS:

<img src="..." style="width: 50%; height: 50%;">

Either of the XSLT fragments above should generate the correct XSLT as far as I can tell.

Obviously we can't see your input XML, and you haven't shown us what the actual output it is generating is (i.e. what it is doing wrong).

You are aware that "50%" for the width of an image doesn't mean 50% of the width of the actual image, but 50% of whatever the width of the parent element is (if indeed it has a calculated width).

http://www.w3schools.com/CSSref/pr_dim_width.asp

Again, this sounds more like the HTML you are generating is not doing what you are expecting, rather than an issue generating the HTML, and as such it is not an XSLT issue.

__________________
/- Sam Judson : Wrox Technical Editor -/

Think before you post: What have you tried?

Ok, just wanted to confirm. Thanks for your help samjudson.