How to Add / create a asp.net hyperlink or button on Image

Hi,

What i understand from your question is, you want a button on the image. button should be display like it is placed on the image. correct?

If so, you can do that using Absolute position of your control.

<div>
        <asp:Image ID="Image1" style="position:absolute"  runat="server" ImageUrl="~/Water lilies.jpg" />
        <asp:Button ID="Button1" runat="server" style="position:absolute" Text="Button" />
    </div>

Above code is just sample.you need to do some more adjustment and margin with the button control to adjust on desired location. Disadvantage of above resolution is, you can not control on screen resolution. your design will not be looked similar in all monitors with different resolution.

Hope something from above lead you to solution,
Thanks
-Amit Gajjar

Why dont you using LINKLABEL control.
Place the linkLabel below your Image.
and on CLick event of the LinkLabel,Redirect to Another Page.

Try This
Put a ImageButton Control,place it where you want it.

<asp:imagebutton id="ImageButton1" runat="server" backcolor="#FF6699" xmlns:asp="#unknown">
            Height="20px" ImageAlign="Middle" ImageUrl="~/Images/goback3.JPG" />
</asp:imagebutton>

and Just on click event of ImageButton

Response.Redirect("pageWhereYouWantToGo.aspx?parameter=" + parameterToSend.Text + "")

hi,

you can try the following code for that.

<div>
<asp:image id="Image1" style="position:relative" runat="server" imageurl="1.jpg" xmlns:asp="#unknown" />
</div>
<div>
<asp:button id="Button1" runat="server" style="position:absolute" text="Button" xmlns:asp="#unknown" />
</div>

Also set the Margin in the button div. It will give you desired position.
like :

margin : -160px 0 0 85px;

I hope it will help you,

Thanks,
Viprat