Wie auf Bild hinzufügen navbar-brand in ASP.NET MVC 5 RASIERER

ich versuche asp.net mvc in diesen Tagen aber stecken in der Anfangsphase. Ich möchte ein Bild an Stelle von dem Namen der Anwendung mit title und alt-tag. bitte helfen Sie mir.

Danke

<div class="navbar-header pull-left">
    <a class="navbar-brand" href="index.html"><img src="img/accomodator-mini.png" title="title" alt="additional title" /></a>
</div>

wie es oben in dieser Weise:

 @Html.ActionLink("Application name", "Index", "Home", null, new { @class = "navbar-brand" })

ich bin verwirrt, wie auf Bild anzeigen, die in den Ort der Anwendung name

  • Und es funktioniert nicht?
  • Hallo, was meinst du? ich verstehe nicht, was du meinst.. Razor-syntax wie in Html.ActionLink
  • Nein das ist nur C#. Dies ist die Razor-syntax w3schools.com/aspnet/razor_syntax.asp
  • ya ich weiß razor startet mit E-Zeichen, aber in seinen Kommentar nicht erlaubt. danke für den link
  • Ich bin noch nicht ganz sicher, was Sie suchen, aber bitte siehe meine Antwort unten
  • ähnlich wie Ihre Antwort, aber ich don ' T want to get image von css, denn das Bild wird nicht richtig angezeigt(voll -).. ich will dieses bekommen <div class="navbar-header " pull-left"> <a class="navbar-brand" href="index.html"><img src="img/accomodator-mini.png" title="Titel" alt="Zusatz" /></a> </div>
  • möchten, verwenden Sie <img src="img/accomodator-mini.png" title="Titel" alt="Zusatz" />
  • Bitte werfen Sie einen Blick auf dieses stackoverflow.com/a/10094231/3421070

InformationsquelleAutor Robin | 2014-06-06
  1. 12

    1 option:
    Sie können alles tun, was in css:

    .navbar-brand{
    background: url(http://placehold.it/350x150) no-repeat;
    background-size: 40px 40px;
    height:40px;
    margin:5px;
    width:40px;
}

    JsFiddle-Beispiel - in diesem Beispiel-Bild ist 350x150 px. Und mit background-size Eigenschaft, die Sie anpassen können die Größe des Bildes.

    2 option:

    <a href="@Url.Action("Index", "Home")" class="navbar-brand">
    <img src="img/accomodator-mini.png" title="title" alt="additional title" />
</a>

    3 option:
    Definieren Sie Ihre eigenen Helfer.

    • Sie fehlt der .Action auf @Url.
    • sicher, danke.
    InformationsquelleAutor Nicolai
  2. 7

    Seine einfache. Im MVC-5, das funktioniert.

    <a href="@Url.Action("Index", "Home")" class="navbar-brand">
  <img src="~/Images/logo.png" title="title" alt="additional title" />
</a>

    Und stellen Sie sicher, dass Ihr logo platziert ist, in den richtigen Ordner.

    InformationsquelleAutor digitalman
  3. 1

    Können Sie dies tun:

    @Html.ActionLink("Application name", "Index", "Home", null, new { @class = "navbar-brand" })

    Dann in der css diese:

    .navbar-brand {
    background-image: url(img/accomodator-mini.png);
}
    • Dies funktioniert aber der string "Application name" ist immer noch gerendert.
    • Das erste argument für ActionLink ist nur ein text-link angezeigt. Es sollte ziemlich einfach sein. Möglicherweise müssen Sie überprüfen Sie Ihre Klasse Namen und Ihrem Bild Weg.
    InformationsquelleAutor TheBokiya
  4. 1

    Öffnen Sie Ihre MVC-application-Ordners erstellen Sie einen Ordner namens "images", neben allen anderen Ordnern (Modell, View, Controller,...) stellen Sie Ihre logo.jpg in den Ordner images. Öffnen Sie Ansicht/Home/index.cshtml in Ihrem Visual Studio-editor und platzieren Sie die folgende Zeile html-code innerhalb des oben <div>: 

    <div class="jumbotron">
    <img src="images/logo.jpg" alt="Games Logo" ALIGN="right" />
    <h1>Computer Games Library</h1>
    <p class="lead">Programmer: Marzieh Farahani</p>
</div>
    InformationsquelleAutor user3051028
  5. 0

    Robin bat um Hilfe, ersetzen Sie den text " ich will, um ein Bild anstelle von dem Namen der Anwendung mit title und alt-tag." mit einem Bild.

    InformationsquelleAutor PiggyMacPigPig
Schreibe einen Kommentar