How do I display ASP.NET ImageButton on a ASP.Image Control

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.

CurrentlyDisplaysLikeThis

I want it to be displayed like below,

enter image description here

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

Thank you

corix010 · Accepted Answer · 2012-06-25 16:37:52Z

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

answered Jun 25, 2012 at 16:37

corix010

5711 gold badge8 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Buzz · Accepted Answer · 2012-06-25 16:36:45Z

0

if you are just worried about displaying button over image-button than you can do this by using div absolute position like

<div style="position:relative">
<div style="position:absolute">image button</div>
<div style="position:absolute> button</div>
</div>

answered Jun 25, 2012 at 16:36

Buzz

6,3806 gold badges37 silver badges48 bronze badges

Collectives™ on Stack Overflow

How do I display ASP.NET ImageButton on a ASP.Image Control

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related