Having trouble displaying a girl image in asp.net. I'm aiming for the following result:
The problem is that the girl's face is not showing up correctly as shown below:
This is the CSS I have created:
.testimonialstilabel {
background-image: url(../images/testimonialstilabel.png);
height: 100px;
}
.testimonialstilabelback {
background-image: url(../images/testimonialstilabel2.png);
height: 253px;
width: 500px;
}
.imgeCoverBack {
height: 149px;
width: 107px;
position: absolute;
top: 112px;
left: 22px;
}
.imgeCover {
background-image: url(../images/testimonialstilabelimg.png);
height: 216px;
width: 138px;
position: absolute;
top: 109px;
left: 6px;
}
Below is the asp.net code:
<div class="container clearfix">
<div class="testimonialstilabel">
<br>
<h2 align="center">
Great things people are saying about us</h2>
</div>
<asp:DataList ID="DataListT" runat="server" RepeatDirection="Horizontal" RepeatColumns="2"
Width="100%">
<ItemTemplate>
<div class="testimonialstilabelback">
<asp:Image ID="Image2" runat="server" ImageUrl='<%#Eval("ImageUrlPath")%>' class="imgeCoverBack"/>
<div class="imgeCover">
</div>
<p style="width: 300px; margin-left: 150px; height: 175px; margin-top: 0px; padding:17px 0px 0px 0px"">
<%#Eval("Description")%>
</p>
<p style="text-align: justify; font-weight: bold; width: 300px; margin-left: 150px;
color: #74a6a5; padding: 0px 0px 0px 5px;">
• <%#Eval("Name")%>
</p>
</div>
</ItemTemplate>
</asp:DataList>
</div>
I suspect there is an issue with my CSS. Can someone please help me identify what mistake I might be making? Any insights would be greatly appreciated!