Background image not showing up in IE6‏

liunx

Guest
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

<asp:DataList 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>

</asp:DataList>
Thanks

Jason

<!-- w --><a class="postlink" href="http://www.prop2go.com">www.prop2go.com</a><!-- w -->
 
Back
Top