So erstellen Sie eine (Bild) - Header-logo mit MVC(4)
Ich bin kämpfen mit einer Razor-syntax mit MVC (4), in der Hoffnung, jemanden zu finden, der mir helfen kann eine schöne und funktionierende Lösung.
Ich möchte ein anklickbares logo(Bild) und erstellt den folgenden code. Dies funktioniert mit Ausnahme von zwei Dinge. Ich sehe nicht, das Bild anzuzeigen, und zweitens, wenn in einem anderen controller, der das routing schief geht (http4 Fehler).
Dies ist, wie ich es getan habe jetzt:
Razor:
<h1>@Html.ActionLink("siteHeader", "Index", null, new { @class = "site-logo"})</h1>
ODER
<h1>@Html.ActionLink("siteHeader", "Index", "Home", new { @class = "site-logo"})</h1>
z.B. wenn in einem anderen controller (Konto/Warenkorb/etc.) und klicken auf das logo, es kommt zu einer 404.
CSS:
/Website HeaderLogo/
a.site-logo {
background: url(images/Solosoft.png) no-repeat top left;
display: block;
width: 100px;
height: 100px;
text-indent: -9999px; /*hides the link text*/
}
Vielen Dank im Voraus.
InformationsquelleAutor RocketRon | 2012-10-02
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen Sie dies:
Dies ist:
Link: msdn
open-dev-tools im browser und auf der Registerkarte "Netzwerk", ich denke, Sie werden sehen, Fehler 404. Überprüfen Sie Ihre url-Pfad, jetzt versuchen Sie Bilder zu finden-controller "Ordner", wie
/Home/images/Solosoft.png
Vielen Dank für Ihre Unterstützung. Das problem mit dem Bild war, dass ich hatte, um die Messungen korrekt in css. Ich bin und läuft jetzt.
InformationsquelleAutor webdeveloper
Ich hab das problem verursachen!
theres nichts falsch mit unserer Codierung, die Sache ist, gibt es eine Klasse, überschreibt unser Bild gesetzt
theres dieser Zeilen im Website.css
hoffe es hilft
InformationsquelleAutor RoiAbrazaldo
Was wizzardz sagte, ist richtig. Hintergrund-Stil in den benutzerdefinierten css-Datei wird überschrieben durch die styles in der Website.css.
Versuchen diese
!important
- verwendet die Priorität zu geben, um Stile zu erscheinen, in der Webseite.In Ihre benutzerdefinierte.css Seite,
Keine Notwendigkeit, etwas zu ändern in der Seite.css
InformationsquelleAutor Nandini