display an image with fixed width and length

I know how to display an image now, but I don't know how to set its width and length. Can you show me how to write?

[xml document]
<?xml version='1.0'?>
<?xml-stylesheet type='text/xsl' href='viewdata.xsl'?>
<CATAGORY>
<product>
       <name>Black Headlight</name>
       <price>30</price>
       <image>hlight1.gif</image>
</product>
<product>
       <name>Red Headlight</name>
       <price>40</price>
       <image>hlight2.gif</image>
</product>
</CATAGORY>


[viewdata.xsl]
<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
  <html>
    <head>
      <title>Test XSL sheet</title>
    </head>
    <body>
      <xsl:for-each select="/CATEGORY/Product">
        <xsl:value-of select="name"/><br/>
        <xsl:value-of select="price"/><br/>
        <img><xsl:attribute name='src'><xsl:value-of select="image"/></xsl:attribute></img>
        <br/><hr/>
      </xsl:for-each>
    </body>
  </html>
</xsl:template>
</xsl:stylesheet>

yeelanAsked:
Who is Participating?
 
gsatsanCommented:
Use this:
<img>
<xsl:attribute name='src'>
  <xsl:value-of select="image"/>
</xsl:attribute>
<xsl:attribute name='height'>100</xsl:attribute>
<xsl:attribute name='width'>200</xsl:attribute>
</img>
0
 
yeelanAuthor Commented:
why <img> don't need to write like this?

<xsl:element name="img">  ?
0
 
gsatsanCommented:
you can yeelan..but it is redundant
0
 
yeelanAuthor Commented:
Thank you very much, gsatsan
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.