3 Stimmen

Wie füge ich Abstandsbilder zwischen li-Elementen in MVC ein?

Ich habe das folgende in meiner MVC3-Musterseite (_Layout.cshtml).

<ul id="someMenu">
    <li><a href="http://someURL"> someText </a></li>
    <li><a href="http://someURL"> someText </a></li>
    <li><a href="http://someURL"> someText </a></li>
</ul>

Ich habe versucht, auf diese Weise Abstandsbilder zwischen den Links einzufügen:

<ul id="someMenu">
    <li><a href="http://someURL"> someText </a>
        <img src="http://someSpacer.gif" />
    </li>
    <li><a href="http://someURL"> someText </a>
        <img src="http://someSpacer.gif" />
    </li>
    <li><a href="http://someURL"> someText </a>
    </li>
</ul>

Aber das wird nicht richtig angezeigt, und ich habe das Gefühl, dass ich gegen D-R-Y verstoße, wenn ich die Bild-URL immer wieder eingebe (meine eigentliche Webseite hat mehrere dieser li-Elemente, nicht nur 3). Es ist die Anzeige der Spacer Bild über Teil der li, aber ich möchte es zu erscheinen zwischen die Elemente li. Und nein, ich bin nicht in der Lage, die img-Steuerelemente zwischen den li-Steuerelementen zu platzieren; es ist nicht erlaubt.

In den Tagen von Web-Formularen und asp:Menu konnte man die "StaticBottomSeparatorImageUrl" einmal angeben und alles funktionierte einwandfrei. Weiß jemand, wie man dies in MVC3 zu erreichen?

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X