I am trying to use a JPG image as a background image and a tranparent image as the main image inside a td. This works fine in Firefox and IE 7 but does not work in IE 6. Any Help on this matter would be greatly appreciate. Code can be found below.
<td style="background-image:url(<!-- m --><a class="postlink" href="http://www.prop2go.com/">http://www.prop2go.com/</a><!-- m --><%# Eval("ApartmentPic100by100") %>); background-repeat: no-repeat;" valign ="top" align="left">
<asp:ImageButton ID="ImageApartment" PostBackUrl='<%# Eval("URL") %>' ImageUrl='<%# Eval("ApartmentSoldPic") %>' runat="server" />
</td>
This resolves to
<td style="background-image:url(<!-- m --><a class="postlink" href="http://www.prop2go.com/Data/607SuiteBx100.jpg">http://www.prop2go.com/Data/607SuiteBx100.jpg</a><!-- m -->); background-repeat: no-repeat;" valign ="top" align="left">
<input type="image" name="ctl00$BodyContentPlaceHolder$DataList1$ctl11$ImageApartment" id="ctl00_BodyContentPlaceHolder_DataList1_ctl11_ImageApartment" src=http://www.htmlforums.com/archive/index.php/"images/transparent100x100.png" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$BodyContentPlaceHolder$DataList1$ctl11$ImageApartment", "", false, "", "ViewListing.aspx?id=607", false, false))" style="border-width:0px;" />
</td>
The rest of code for the page is found below
<aspataList ID="DataList1" runat="server">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" align="center" style="width:100px" bgcolor="#FFFF99">
<font color="#39516F" size="2">$</font>
<asp:Label ID="PriceLabel" ForeColor="#39516F" Font-Size="Small" runat="server" Text='<%# Eval("Price") %>'></asp:Label>
</td>
<td valign="top" align="left" style="width:320px" bgcolor="#FFFF99">
<asp:Label ID="Label1" ForeColor="#39516F" Font-Size="Small" Font-Bold="True" runat="server" Text='<%# Eval("fullAddress") %>'></asp:Label>
</td>
<td valign="top" align="right" style="width:280px" bgcolor="#FFFF99">
<asp:Label ID="Label2" ForeColor="#39516F" Font-Size="Small" Font-Bold="True" runat="server" Text='<%# Eval("Contact") %>'></asp:Label>
</td>
</tr>
<tr>
<td valign="top" style="width:100px;height: 10px">
</td>
<td valign="top" align="left" style="width:400px;height: 10px">
</td>
</tr>
<tr>
<td style="background-image:url(<!-- m --><a class="postlink" href="http://www.prop2go.com/">http://www.prop2go.com/</a><!-- m --><%# Eval("ApartmentPic100by100") %>); height: 100px; width: 100px; background-repeat: no-repeat;" valign ="top" align="left">
<asp:ImageButton ID="ImageApartment" PostBackUrl='<%# Eval("URL") %>' ImageUrl='<%# Eval("ApartmentSoldPic") %>' runat="server" />
</td>
<td valign="top" colspan="2" style="width:450px">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
<td>
<asp:HyperLink ID="Real_Estate_Name" runat="server" ForeColor="#39516F" NavigateUrl='<%# Eval("URL") %>'
ToolTip="Find Houses, Apartments, Commercial Property and Land" Font-Bold="True"><%# Eval("Name") %></asp:HyperLink> <br />
<asp:Label ID="DescriptionLabel" ForeColor="#39516F" Font-Size="Small" runat="server" Text='<%# Eval("Description") %>'></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
</table>
<hr />
</ItemTemplate>
</aspataList>
Thanks
Jason
<!-- w --><a class="postlink" href="http://www.prop2go.com">www.prop2go.com</a><!-- w -->
<td style="background-image:url(<!-- m --><a class="postlink" href="http://www.prop2go.com/">http://www.prop2go.com/</a><!-- m --><%# Eval("ApartmentPic100by100") %>); background-repeat: no-repeat;" valign ="top" align="left">
<asp:ImageButton ID="ImageApartment" PostBackUrl='<%# Eval("URL") %>' ImageUrl='<%# Eval("ApartmentSoldPic") %>' runat="server" />
</td>
This resolves to
<td style="background-image:url(<!-- m --><a class="postlink" href="http://www.prop2go.com/Data/607SuiteBx100.jpg">http://www.prop2go.com/Data/607SuiteBx100.jpg</a><!-- m -->); background-repeat: no-repeat;" valign ="top" align="left">
<input type="image" name="ctl00$BodyContentPlaceHolder$DataList1$ctl11$ImageApartment" id="ctl00_BodyContentPlaceHolder_DataList1_ctl11_ImageApartment" src=http://www.htmlforums.com/archive/index.php/"images/transparent100x100.png" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$BodyContentPlaceHolder$DataList1$ctl11$ImageApartment", "", false, "", "ViewListing.aspx?id=607", false, false))" style="border-width:0px;" />
</td>
The rest of code for the page is found below
<aspataList ID="DataList1" runat="server">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" align="center" style="width:100px" bgcolor="#FFFF99">
<font color="#39516F" size="2">$</font>
<asp:Label ID="PriceLabel" ForeColor="#39516F" Font-Size="Small" runat="server" Text='<%# Eval("Price") %>'></asp:Label>
</td>
<td valign="top" align="left" style="width:320px" bgcolor="#FFFF99">
<asp:Label ID="Label1" ForeColor="#39516F" Font-Size="Small" Font-Bold="True" runat="server" Text='<%# Eval("fullAddress") %>'></asp:Label>
</td>
<td valign="top" align="right" style="width:280px" bgcolor="#FFFF99">
<asp:Label ID="Label2" ForeColor="#39516F" Font-Size="Small" Font-Bold="True" runat="server" Text='<%# Eval("Contact") %>'></asp:Label>
</td>
</tr>
<tr>
<td valign="top" style="width:100px;height: 10px">
</td>
<td valign="top" align="left" style="width:400px;height: 10px">
</td>
</tr>
<tr>
<td style="background-image:url(<!-- m --><a class="postlink" href="http://www.prop2go.com/">http://www.prop2go.com/</a><!-- m --><%# Eval("ApartmentPic100by100") %>); height: 100px; width: 100px; background-repeat: no-repeat;" valign ="top" align="left">
<asp:ImageButton ID="ImageApartment" PostBackUrl='<%# Eval("URL") %>' ImageUrl='<%# Eval("ApartmentSoldPic") %>' runat="server" />
</td>
<td valign="top" colspan="2" style="width:450px">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
<td>
<asp:HyperLink ID="Real_Estate_Name" runat="server" ForeColor="#39516F" NavigateUrl='<%# Eval("URL") %>'
ToolTip="Find Houses, Apartments, Commercial Property and Land" Font-Bold="True"><%# Eval("Name") %></asp:HyperLink> <br />
<asp:Label ID="DescriptionLabel" ForeColor="#39516F" Font-Size="Small" runat="server" Text='<%# Eval("Description") %>'></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
</table>
<hr />
</ItemTemplate>
</aspataList>
Thanks
Jason
<!-- w --><a class="postlink" href="http://www.prop2go.com">www.prop2go.com</a><!-- w -->