asp:Image is not rendered at all inside asp:HyperLink - asp.net

Question

I have this code in ASP.NET 4.5 / VS 2013
<asp:HyperLink ID="ht" runat="server" NavigateUrl='<%# Eval("Url") %>'>
<asp:Image ID="img" runat="server" CssClass="img-responsive"
ImageUrl='<%# Eval("Image") %>'></asp:Image>
</asp:HyperLink>
and the image inside hyperlink is not rendered at all, why?
I also have tried with static image link, but I get the same result.
I need the image inside hyperlink because I need a custom css class for the image

Answer 1

I tested your code and it renders the image properly. The worst case, you can use DataList.ItemDataBound Event to bind the data.
ASPX
<asp:DataList ID="DataList1" runat="server"
OnItemDataBound="DataList1_ItemDataBound">
<ItemTemplate>
<asp:HyperLink ID="ht" runat="server">
<asp:Image ID="img" runat="server" CssClass="img-responsive"/>
</asp:HyperLink>
</ItemTemplate>
</asp:DataList>
Code Behind
public class MyClass
{
public string Url { get; set; }
public string Image { get; set; }
}
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataList1.DataSource = new List<MyClass>
{
new MyClass
{
Url = "http://www.google.com",
Image = "https://www.google.com/images/srpr/logo11w.png"
},
new MyClass
{
Url = "http://www.msn.com",
Image = "http://col.stb00.s-msn.com/i/80/53CAC6A10B6248682CF221B24A92.gif"
},
};
DataList1.DataBind();
}
}
protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item ||
e.Item.ItemType == ListItemType.AlternatingItem)
{
var item = e.Item.DataItem as MyClass;
var ht = e.Item.FindControl("ht") as HyperLink;
ht.NavigateUrl = item.Url;
var img = e.Item.FindControl("img") as Image;
img.ImageUrl = item.Image;
}
}
If you use DataSet or DataTable, you need to cast DataItem to DataRowView. var dr = e.Item.DataItem as DataRowView;. look at this example.

Answer 2

The asp:HyperLink Web Control renders into an anchor tag, with anything between the <asp:HyperLink> ... </asp:HyperLink> becoming the the value for the Text attribute.
I would suggest you try using an asp:ImageButton instead for your purpose.
<asp:ImageButton ID="ibtnMyControl" CssClass="img-responsive" PostBackUrl="<%# Eval("Url") %>" ImageUrl="<%# Eval("Image") %>" />
ImageButton API reference