如何創建包含圖片和文字的鏈接？

我需要爲具有圖像&文本的ASP.NET頁面創建鏈接，點擊該文本時將觸發Web服務器上的事件。如何創建包含圖片和文字的鏈接？

這是鏈接應該是什麼樣子： enter image description here

這是什麼樣的聯繫會是什麼樣子，如果我不使用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，但我沒有看到如何將超鏈接& ImageButton作爲同一個可單擊控件的一部分。

對於我來說，獲得類似於綁定到服務器端功能的圖像的鏈接的最佳方式是什麼？

來源

2011-08-26 DaveDev

你可以這樣做..

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

來源

2011-08-26 11:03:59

做你想做的ASP做的.NET你需要做這樣的事情是什麼：

<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>

然後，您可以編寫自定義服務器或用戶控件來封裝這些控件，所以它們只是暴露您希望設置一次的屬性，例如點擊時的事件。

來源

2011-08-26 10:55:09 Bobby

我不會用的控制混合做到這一點。

我會用一個<asp:LinkButton>控制

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

然後我會使用的CssClass「最新的高性能」的風格了鏈接。

例如

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

你將不得不咀嚼風格以適應你的需要，但這基本上看起來與你需要的完全一樣。它還保持您的代碼清潔，並分離出風格。

來源

2011-08-26 11:04:48

+1：這更像是它。非常可重用。你可以隨時改變文本 – naveen

也允許不同的狀態，懸停，選擇等...更大的可擴展性 –

+1酷解決方案：D我開始喜歡css越來越多 –

你可以這樣做，這個答案是正確的。

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

來源

2013-10-05 08:28:00 gurdeep

請學習如何格式化代碼 - 因爲我看不到它而瀕臨刪除您的答案:) – kleopatra

<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。希望這可以幫助。

來源

2015-02-20 17:25:36 HandleThatError

您還可以添加id和runat屬性爲a和/或img標籤，並與服務器端的這些元素進行交互。 – K0D4

如何創建包含圖片和文字的鏈接？

回答

相關問題