どのようにHTMLアクションリンクで画像を挿入するには？ asp.net MVC

Question

私は、HTMLアクションリンクから私のwebprojectのナビゲーションや多くのリンクを持っています。 彼らは、下線付き醜いです。私は名前でいくつかの画像を挿入したり、アクションリンクのスタイルでプレーしたいと思います。 出来ますか？それを行うにはどのように？

おかげで、世話、 Ragims

Answer 1

あなたは下線を削除したり、背景画像を配置するためにCSSを使用することができ、 そうでなければ、また同じようので、リンクを作成することができます：

<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>

Answer 2

Html.ActionLinkとUrl.Actionは同じURLを返します。違いは、最初はそのアクションにちょうどURL秒戻りながら、HTML要素を作成することです。

別のオプションは、アクションに直接（アクションに）あなたのルートをオフに基づいてリンクを作成する代わりにするUrl.RouteUrlまたはHtml.RouteLinkを使用することです。

Answer 3

一つの解決策は、画像固有のアクションリンクを作成するためのHtmlHelperの拡張メソッドを作成することです。詳細なチュートリアルがのここで見つけることができます。

Answer 4

あなたはかみそりビューエンジンとMVC 3-4である場合、これはあなたを助けるかもしれない -

@Html.ActionLink("your link Name", "Action Method", "Controller", 
        new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)

Answer 5

の代わりに@Html.ActionLink("linkname","action","controller")を使用して 次の使用することができます。

<a href='@Url.Action("action", "controller")'>
<img src='@Url.Content("~/images/imageName.png")' />

「画像」の画像を保存するための私のフォルダです。 @Url.Content()は、パスを知ることです。 あなたは@Url.Action()にあなたの行動とその行動のためのコントローラを渡すことができます。 @Url.Action()は@Html.ActionLink()に似ています。 今、あなたのリンクは画像に置き換えられてしまいます。