wie auf Bild einfügen im html-link? asp.net mvc

Habe ich die navigation und viele link auf meinem Webprojekt von html-links.
Sie sind hässlich mit unterstreichen. Ich möchte einfügen, irgendein Bild mit dem Namen oder spielen mit den Stilen der link.
Ist es möglich? Wie macht man das?

Dank und take care,
Ragims

InformationsquelleAutor r.r | 2010-09-02
  1. 17

    Könnte man mit Hilfe von css entfernen Sie die Unterstreichungen oder die backgroundimage-Eigenschaft,
    ansonsten könnte man auch einfach den link so auf:

    <a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
    • iam mit html.actionlink, und nicht url.Aktion
    • Ja, ich weiß, aber mit Html.ActionLink können Sie nicht fügen Sie alle anderen Inhalte auf der link als plain text.
    • Wenn die Aktion würde den link zu der homepage und das Bild wäre ein logo, wird es eine unendliche Schleife verursachen? Ich bekomme immer stack-overflow, wenn ich das tun. Wenn ich es entfernen, meine Seite funktioniert gut. Ich dachte, die Aktion auszuführen, muss ich es anklicken?
    InformationsquelleAutor lmondria
  2. 2

    Html.ActionLink und Url.Aktion " zurück gleichen URL. Der Unterschied ist, dass das erste erstellt ein HTML-element, während die zweite gibt nur die URL an, die Aktion.

    Andere option ist die Verwendung der Url.RouteUrl oder Html.RouteLink um einen link zu erstellen, basierend auf Ihrer route (zu einer Handlung), statt Sie direkt zu einer Aktion.

    InformationsquelleAutor Ryan Peters
  3. 0

    Einer Lösung ist die Erstellung einer HtmlHelper-Erweiterung Methode zum erstellen einer image-spezifischen link. Eine detaillierte Anleitung finden hier.

    InformationsquelleAutor Steve Danner
  4. 0

    Wenn Du auf MVC 3-4 mit razor view engine, dann könnte Ihnen das helfen-

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

    Anstatt @Html.ActionLink("linkname","action","controller")
    Sie können folgende

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

    "Bilder" ist mein Ordner für die Ablage der Bilder.
    @Url.Content() ist, um den Pfad kennen.
    Sie können Ihren pass action und den controller für die Aktion @Url.Action().
    @Url.Action() funktioniert ähnlich wie der @Html.ActionLink().
    Jetzt Ihren link ersetzt durch das Bild.

    • <a href='@Url.Handlung("action", "controller")'> <img src='@Url.Content("~/Bilder/imageName.png")' /> </a>
    InformationsquelleAutor Amit Ghute
Schreibe einen Kommentar