mvc3 Html.ActionLink como imagen no como texto

<div class="orderby_name"> 
@Html.ActionLink(" ", "DisplayCategory", "Categories", new { articleSortBy = "Name", articleSortType = "asc" }, null) 
</div>

estoy buscando en la afeitadora si existe ImageLink. Ahora tengo @ Html.ActionLink y, como no tengo ningún nombre de texto, no puedo hacer clic en él. Quiero tener una imagen como enlace.mvc3 Html.ActionLink como imagen no como texto

¿Cómo puedo hacer que la imagen como enlace en la maquinilla de afeitar?

Fuente

2011-12-08 senzacionale

Tienes que crear ayudante personalizado. Pruebe esto aquí: http://stackoverflow.com/questions/5111110/mvc3-actionlink-with-images-but-without-mvcfutures –

Aquí hay un ejemplo de lo que está buscando: http://stackoverflow.com/questions/4896439/action-image-mvc3-razor – Shawn

posible duplicado de [Html.ActionLink como un botón o una imagen, no como un enlace] (http://stackoverflow.com/questions/596444/html-actionlink-as-a- botón-o-imagen-no-un-enlace) –

El ayudante incorporado no puede hacer eso.

Necesita crear una etiqueta ordinaria <a href="@Url.Action(...)">.

Fuente

2011-12-08 19:19:59 SLaks

En realidad, parece que hay una manera .. si se agrega una regla CSS a los htmlAttributes, como se muestra en la respuesta superior de este post: Html.ActionLink as a button or an image, not a link

Fuente

2011-12-08 19:23:44 dizzwave

Esperanza este código es muy útil

@using (Html.BeginForm()) 
       { 
        <a href='@Url.Action("Index")'> 
         <img src='@Url.Content("../../Content/Images/head.jpg")' alt="Home Page"> 
        </a>  }

Fuente

2012-10-23 18:55:40

En asp.net mvc 3 el código que tiene obras con el espacio único para el texto del enlace, basta con añadir un nombre de clase que apunta a una imagen (el nombre de la clase debajo de los puntos de una imagen impresionante de la fuente):

@Html.ActionLink(" ", "ActionName", "ControllerName", 
new {UniqueId = item.UniqueId}, 
new { @class = "fa fa-download", @title = "Download the document" })

Y añadir un poco de CSS para evitar que la imagen tenga un subrayado:

a.fa 
{ 
    text-decoration:none; 
}

Fuente

2014-05-08 13:28:45

mvc3 Html.ActionLink como imagen no como texto

Respuesta

Cuestiones relacionadas