How could I make images work in a table referencing an XML sheet?

The title says it all, how would I make an image show up in a table referencing the XML sheet? My XML file is working fine, as it displays all of the other values except for the image, and re-sizing the cell does not help.

Here is my XML:


<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="extend12-1.html"?>
<CARS>
    <AVAILABLE>
        <IMAGE><img src="car-vet.jpg" /></IMAGE>
        <MANUFACTURER>GM</MANUFACTURER
        <VEHICLEID>CVJY10</VEHICLEID>
        <MODEL>Corvette</MODEL>
        <TRANS>M4</TRANS>
        <YEAR>1980</YEAR>
        <SELLINGPRICE>$17295.00</SELLINGPRICE>
    </AVAILABLE>
    <AVAILABLE>
        <IMAGE><img src="car-vet2.jpg" /></IMAGE>
        <MANUFACTURER>GM</MANUFACTURER
        <VEHICLEID>CVJY16</VEHICLEID>
        <MODEL>Corvette</MODEL>
        <TRANS>M4</TRANS>
        <YEAR>1982</YEAR>
        <SELLINGPRICE>$15195.00</SELLINGPRICE>
    </AVAILABLE>
    <AVAILABLE>
        <IMAGE><img src="car-antique1.jpg" /></IMAGE>
        <MANUFACTURER>GM</MANUFACTURER
        <VEHICLEID>RO32A32</VEHICLEID>
        <MODEL>Buick Touring</MODEL>
        <TRANS>M3</TRANS>
        <YEAR>1910</YEAR>
        <SELLINGPRICE>$29900</SELLINGPRICE>
    </AVAILABLE>
    <AVAILABLE>
        <IMAGE><img src="car-compact1.jpg" /></IMAGE>
        <MANUFACTURER>Ford</MANUFACTURER
        <VEHICLEID>868GH1</VEHICLEID>
        <MODEL>Pinto</MODEL>
        <TRANS>A3</TRANS>
        <YEAR>1972</YEAR>
        <SELLINGPRICE>$3240.00</SELLINGPRICE>
    </AVAILABLE>
    <AVAILABLE>
        <IMAGE><img src="car-jeep.jpg" /></IMAGE>
        <MANUFACTURER>Willys</MANUFACTURER
        <VEHICLEID>WY2452</VEHICLEID>
        <MODEL>Jeep</MODEL>
        <TRANS>M3</TRANS>
        <YEAR>1961</YEAR>
        <SELLINGPRICE>$9328.00</SELLINGPRICE>
    </AVAILABLE>
</CARS>

And here is my HTML (should be fine):


<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ift.tt/kkyg93">
<html xmlns="http://ift.tt/lH0Osb">
<xml id="dsoCarlist" src="TEST.xml"></xml>
<head>
   <title>extend12-1 Solution</title>
</head>
<body bgcolor="#ffffed">
<center>
<img border="0" src="extend12-1banner.jpg" /> 
<h2>Cars</h2>
<button onclick="carlist.firstPage()">First Car</button>
<button onclick="carlist.previousPage()">Previous Car</button>
<button onclick="carlist.nextPage()">Next Car</button>
<button onclick="carlist.lastPage()">Last Car</button>
<hr color="#993300" size="5"/>
<table id="carlist" datasrc="#dsoCarlist" datapagesize="1" border="1" cellpadding="5">
   <thead style="color:darkred; font-size:14pt; font-weight:900">
      <th>Image</th> 
      <th>ID</th>
      <th>Manufacturer</th>
      <th>Model</th>
      <th>Transmission</th>
      <th>Year</th>
      <th>Price</th>
   </thead>     
   <tr>
<td><span datafld="IMAGE"></span></td>
<td><span datafld="VEHICLEID"></span></td>
<td><span datafld="MANUFACTURER"></span></td>
<td><span datafld="MODEL"></span></td>
<td><span datafld="TRANS"></span></td>
<td><span datafld="YEAR"></span></td>
<td><span datafld="SELLINGPRICE"></span></td>
   </tr>
</table>
<hr color="#993300" size="5"/>
</center>
</body>
</html>

How could I make images work in a table referencing an XML sheet?

No comments:

Post a Comment