8
votes

Comment insérer une image dans le lien d'action HTML? asp.net mvc

J'ai la navigation et de nombreux liens sur mon programme Web de HTML Action Links. Ils sont laids avec soulignement. Je souhaite insérer une image avec nom ou jouer avec des styles de lien d'action. Est-il possible? Comment faire ça?

Merci et prenez soin de vous, Ragims


0 commentaires

5 Réponses :


17
votes

Vous pouvez utiliser CSS pour éliminer les Soulignes ou placer une base de fond, Sinon, vous pouvez également créer simplement le lien comme SO:

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


3 commentaires

iam utilisant html.actionLink et pas url.action.action


Ouais, je sais, mais avec html.actionLink, vous ne pouvez ajouter aucun autre contenu au lien que le texte brut.


Si l'action serait liée à la page d'accueil et que l'image serait un logo, cela provoquera-t-il une boucle infinie? Je continue à obtenir un débordement de la pile quand je le fais. Si je le supprime, ma page fonctionne bien. Je pensais que pour l'action de courir, je dois cliquer dessus?



2
votes

html.actionLink et url.action renvoie la même URL. La différence est que le premier crée un élément HTML alors que la seconde renvoie juste l'URL à cette action.

Une autre option consiste à utiliser URL.ROUTEURL ou HTML.ROUTELINK pour créer un lien basé sur votre itinéraire (à une action) au lieu d'une action.


0 commentaires

0
votes

Une solution consiste à créer une méthode d'extension HTMLHelper pour créer une liaison d'action spécifique à l'image. Un didacticiel détaillé peut être trouvé ici .


0 commentaires

0
votes

Si vous êtes sur MVC 3-4 avec le moteur de visualisation de rasoir, cela peut vous aider,

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


0 commentaires

0
votes

au lieu d'utiliser @ html.actionLink ("linkname", "action", "contrôleur") code> Vous pouvez utiliser ci-après

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


1 commentaires