Question

I am using ASP.NET 2.0.

I have Image and ImageButton Side by Side by like this.

 <div style="width:80px">
    <asp:Image ID="innerImgDesk1" runat="server"  ImageUrl="~/images/advlefttop.png"  Width ="60px"/> 
    <asp:ImageButton ID="ImgDeskIndicator1" runat="server" Width="20px" ImageUrl="~/images/Indicators/blue.png"/>
</div>

I want the ASP.NET Imagebutton on top of Image. I should see image button kind of indicator, where Imagebutton color will be changing. But Image color remains same.

Currently using the above code, it displays like below.

I want it to be displayed like below,

Could anyone tell me What I should do to display ImageButton on Image.

Thank you

Answer 1

Try setting the image as background image of the div tag like the following code:

<div style="width:80px; background: url(images/advlefttop.png)">
    <asp:ImageButton ID="ImgDeskIndicator1" runat="server" Width="20px" ImageUrl="~/images/Indicators/blue.png"/>
</div>

Hope this helps!

• Corix