イメージ＆テキストを含むリンクを作成するにはどうすればよいですか？

Question

画像がある&というテキストを持つASP.NETページのリンクを作成する必要があります。クリックすると、Webサーバー上でイベントがトリガーされます。

これは、リンクがどのように見えるかです：

これは私がASP.NETで働いていなかった場合は、リンクがどのようになるかのHTMLです：

<a id='PdfLink' href='#'> 
    <img src="App_Themes/.../Images/PDF.gif" alt="Click for fact sheet PDF"/> 
    <span>Latest Performance</span> 
</a> 

に問題これをクリックしてサーバーサイドのイベントをトリガーできるようにしたいのですが、普通の古いHTMLコントロールでこれを行うことができるかどうかはわかりません。

ASP.NETでは、ImageButton & HyperLinkなどのさまざまなコントロールがあることがわかりますが、ハイパーリンク&と同じクリック可能なコントロールの一部としてハイパーリンクを使用する方法がわかりません。

サーバー側の機能に拘束されているイメージに似たリンクを作成するにはどうすればよいですか？あなたはこのような何かをする必要があると思いASP .NETで何をしたいのか行うには

Answer 1

あなたは、私がコントロールの混合物を使用することによって、これをしないだろう

...のような

<asp:LinkButton ID="LinkButton1" runat="server" 
Text="<img src='App_Themes/.../Images/PDF.gif' /> PdfLink"></asp:LinkButton> 

Answer 2

：

<asp:LinkButton ID="LinkButton1" runat="Server" OnClick="ButtonClick_Event">Text</asp:LinkButton> 
<asp:ImageButton ID="ImageButton1" runat="Server" ImageUrl="image.gif" OnClick="ButtonClick_Event"></asp:ImageButton> 

彼らだけ公開するので、あなたはそれらのコントロールをカプセル化するために、カスタムサーバーやユーザーコントロールを書くことができますクリックしたときのイベントなど、一度設定するプロパティ。

Answer 3

を行うことができます。

私はその後、私はリンクをアップスタイルにのCssClass「最新のパフォーマンスを」使用する<asp:LinkButton>制御

<asp:LinkButton id="LinkButton1" runat="server" OnClick="ButtonClick_Event" CssClass="latest-performance">Latest Performance</asp:LinkButton> 

を使用します。

.latest-performance{ 
    display: block; 
    padding-left: 20px; 
    background: url(url-to-the-pdf-icon) no-repeat left center; 
} 

あなたが必要なものと合わせてスタイルをtweekする必要がありますが、これは基本的に何が必要とまったく同じになります。また、コードをきれいに保ち、スタイルを分離します。

Answer 4

このようにすることができます。この回答は正しいです。

<asp:HyperLink ID="hyperlink1" runat="server" NavigateUrl="Default.aspx" Target="_parent"><img src="Images/1.jpg"/>click</asp:HyperLink> 

Answer 5

<a href="../default.aspx" target="_blank"> 
<img src="../images/1.png" border="0" alt="Submission Form" /> 
    <br /> 
<asp:Literal ID="literalID" runat="server">Some text</asp:Literal></a> 

これの利点は、ASPです：リテラルは、軽量です。必要に応じて、コードの背後にliteralID.Textを使用して、asp：Literal内のテキストをプログラムで変更することもできます。私は単純なタグの内部に単一のコントロールを使うだけでいいので、これが好きです。 href、target、imgのいずれかをそれに与えることができます。お役に立てれば。