come inserire un'immagine in collegamento azione html? asp.net mvc

Question

Ho la navigazione e molti link sul mio webproject dai collegamenti di azione html. Sono brutto, con sottolineatura. Vorrei inserire qualche immagine con nome o giocare con gli stili di collegamento azione. È possibile? Come farlo?

Grazie e prendersi cura, Ragims

Answer 1

Si potrebbe usare i CSS per rimuovere le sottolineature o posizionare un backgroundimage, altrimenti si potrebbe anche solo creare il collegamento in questo modo:

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

Answer 2

Html.ActionLink e Url.Action restituiscono lo stesso URL. La differenza è che il primo crea un elemento HTML mentre il secondo restituisce solo l'URL per l'azione.

Un'altra opzione è quella di utilizzare Url.RouteUrl o Html.RouteLink per creare un collegamento in base al largo il percorso (ad un'azione) invece che direttamente ad un'azione.

Answer 3

Una soluzione è quella di creare un metodo di estensione HtmlHelper per la creazione di un collegamento un'azione immagine-specifiche. Un tutorial dettagliato si può trovare qui .

Answer 4

Se siete su MVC 3-4 con il motore di vista rasoio allora questo può aiutare -

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

Answer 5

Invece di usare @Html.ActionLink("linkname","action","controller") è possibile utilizzare i seguenti

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

"immagini" è la mia cartella per memorizzare le immagini. @Url.Content() è quello di conoscere il percorso. È possibile passare la vostra azione e il controller per la causa a @Url.Action(). @Url.Action() funziona in modo simile al @Html.ActionLink(). Ora il tuo link otterrà sostituito con l'immagine.