Overlaying (Positioning) Image on another Image in DataList using CSS in ASP.Net

Hi sat,

Check this example. Now please take its reference and correct your code.

HTML

<asp:DataList ID="DataList1" runat="server" RepeatColumns="5" RepeatDirection="Horizontal">
    <ItemTemplate>
        <table>
            <tr>
                <td>
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("EmployeeId") %>' />
                </td>
            </tr>
            <tr>
                <td style="text-align: right">
                    <asp:ImageButton ID="ImageButton2" runat="server" CommandArgument='<%# Eval("EmployeeId") %>'
                        CommandName="topass" Height="35px" Width="35px" ImageUrl='<%# Eval("EmployeeImage") %>' />
                </td>
            </tr>
            <tr>
                <td style="text-align: center; height: 80px; position: relative; display: inline;">
                    <asp:Image ID="i1" ToolTip='<%# Eval("EmployeeName") %>' AlternateText='<%# Eval("EmployeeName") %>'
                        runat="server" ImageUrl='<%# Eval("EmployeeImage") %>' Style="text-align: center;
                        height: 75px" />
                    <img src="https://i.imgur.com/u6upaAs.png" style="position: absolute; bottom: 0;
                        right: 0;" />
                </td>
            </tr>
        </table>
    </ItemTemplate>
</asp:DataList>

Code

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        System.Data.DataTable dt = new System.Data.DataTable();
        dt.Columns.AddRange(new System.Data.DataColumn[3] { 
                        new System.Data.DataColumn("EmployeeId", typeof(int)),
                        new System.Data.DataColumn("EmployeeName", typeof(string)),
                        new System.Data.DataColumn("EmployeeImage",typeof(string)) });
        dt.Rows.Add(1, "John Hammond", "Images/Chrysanthemum.jpg");
        dt.Rows.Add(2, "Mudassar Khan", "Images/Desert.jpg");
        dt.Rows.Add(3, "Suzanne Mathews", "Images/Hydrangeas.jpg");
        dt.Rows.Add(4, "Robert Schidner", "Images/Jellyfish.jpg");
        DataList1.DataSource = dt;
        DataList1.DataBind();
    }
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not Me.IsPostBack Then
        Dim dt As System.Data.DataTable = New System.Data.DataTable()
        dt.Columns.AddRange(New System.Data.DataColumn(2) {
            New System.Data.DataColumn("EmployeeId", GetType(Integer)), 
            New System.Data.DataColumn("EmployeeName", GetType(String)), 
            New System.Data.DataColumn("EmployeeImage", GetType(String))})
        dt.Rows.Add(1, "John Hammond", "Images/Chrysanthemum.jpg")
        dt.Rows.Add(2, "Mudassar Khan", "Images/Desert.jpg")
        dt.Rows.Add(3, "Suzanne Mathews", "Images/Hydrangeas.jpg")
        dt.Rows.Add(4, "Robert Schidner", "Images/Jellyfish.jpg")
        DataList1.DataSource = dt
        DataList1.DataBind()
    End If
End Sub

Screenshot