Cómo insertar una imagen en el enlace de acción html? asp.net mvc

Question

Tengo la navegación y muchos enlace en mi webproject de enlaces de acción html. Son feos con subrayado. Me gustaría insertar alguna imagen con el nombre o jugar con estilos de enlace de acción. ¿Es posible? ¿Cómo hacer eso?

Gracias y tienen cuidado, Ragims

Answer 1

Se podría utilizar CSS para eliminar los subrayados o colocar un backgroundimage, de lo contrario podría también acaba de crear el vínculo de esta manera:

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

Answer 2

Html.ActionLink y Url.Action regresar la misma URL. La diferencia es que el primero crea un elemento HTML mientras que el segundo vuelve simplemente la URL de esa acción.

Otra opción es utilizar Url.RouteUrl o Html.RouteLink para crear un vínculo con sede fuera de la ruta (de una acción) en lugar de directamente a una acción.

Answer 3

Una solución es crear un método de extensión HtmlHelper para crear un enlace de acción imagen específica. Un tutorial detallado se puede encontrar aquí .

Answer 4

Si Usted está en MVC 3-4 con motor de vista de afeitar entonces esto puede ayudar a que -

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

Answer 5

En lugar de utilizar @Html.ActionLink("linkname","action","controller") se puede utilizar después de

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

"imágenes" es mi carpeta para almacenar las imágenes. @Url.Content() es conocer el camino. Puede pasar su acción y el controlador para que la acción de @Url.Action(). @Url.Action() funciona de forma similar a la @Html.ActionLink(). Ahora su enlace que se reemplazarán por la imagen.