Pergunta

Eu tenho navegação e muitos links no meu WebProject dos links de ação HTML. Eles são feios de sublinhado. Eu gostaria de inserir alguma imagem com nome ou brincar com estilos de link de ação. É possível? Como fazer isso?

Obrigado e cuide -se, ragims

Foi útil?

Solução

Você pode usar o CSS para remover os sublinhados ou colocar uma base de fundo, caso contrário, você também poderá criar o link como assim:

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

Outras dicas

Html.actionlink e url.action retornam o mesmo URL. A diferença é que o primeiro cria um elemento HTML, enquanto o segundo retorna apenas o URL a essa ação.

Outra opção é usar o URL.Routeurl ou HTML.Routelink para criar um link baseado em sua rota (para uma ação) em vez de diretamente em uma ação.

Uma solução é criar um método de extensão HTMLHelper para criar um link de ação específico da imagem. Um tutorial detalhado pode ser encontrado aqui.

Se você estiver no MVC 3-4 com o mecanismo de vista da Razor, isso pode ajudá-lo-

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

Ao invés de usar @Html.ActionLink("linkname","action","controller")você pode usar o seguinte

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

"Imagens" é minha pasta para armazenar as imagens.@Url.Content() é conhecer o caminho. Você pode passar sua ação e o controlador para essa ação para @Url.Action(). @Url.Action() funciona semelhante ao @Html.ActionLink(). Agora seu link será substituído pela imagem.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top