如何创建包含图片和文字的链接？

我需要为具有图像&文本的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

如何创建包含图片和文字的链接？

回答

相关问题