Horizontale ul navigation ausgerichtet auf der rechten Seite

ich bin versuchen, um eine horizontale navigation, die ausgerichtet ist an der rechten Seite des übergeordneten Elements. Sie können finden Sie in der navigation auf http://kaffeeprinzen.jag-aelskar.de/, wo es heißt "Espresso".

Mein HTML ist: 

<ul id="menu-standard">
    <li id="menu-item"><a>Item 4</a></li>
    <li id="menu-item"><a>Item 3</a></li>
    <li id="menu-item"><a>Item 2</a></li>
    <li id="menu-item"><a>Item 1</a></li>
</ul>

Mein CSS ist: 

.menu li { 
    float: right;
    margin-left: 20px;
}

Funktioniert es so, das problem ist nur, dass die Reihenfolge in der Liste ist falsch. Das erste Element ist das Letzte in der html-code.

Irgendwelche Tipps für mich? Vielen Dank!
Yannis

InformationsquelleAutor user731101 | 2011-07-13
  1. 20

    Versuchen schwimmen der ul Recht als jeder li. Jeder li kann float left.

    #menu-standard { 
    float: right;
}

#menu-standard li { 
    float: left;
}

    Beispiel: http://jsfiddle.net/hunter/HsUTQ/

    float: right schweben die Elemente in der Reihenfolge, auf der rechten Seite. Was bedeutet das 1. element wird die am weitesten rechts, dann 2. element der weiter-am weitesten rechts, etc.

    • Hallo, vielen Dank aber das ist genau mein problem. Ich kann verwenden Sie float:left; aber dann wird es, ausgerichtet an der linken Seite - nicht auf der rechten Seite und es passt nicht in mein design mehr...
    • können Sie Ihre HTML?
    • alle von it? Sie finden es unter: kaffeeprinzen.jag-aelskar.de
    • Ich hatte einen Tippfehler auf mein jsfiddle, siehe mein update, es ist alles schwimmende, wie Sie möchten.
    • Du bist mein held. vielen Dank! es funktioniert perfekt! Habt einen schönen Tag!
    • Markieren Sie die Antwort als "akzeptiert", wenn es dein problem gelöst hat.

    InformationsquelleAutor hunter
Schreibe einen Kommentar