Sponsor-Board.de

Normale Version: HTML/CSS Frage
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Moin,

da ich gerade eine Navigationsleiste bauen möchte, stehe ich nun vor einem für in HTML/CSS Fortgeschritte höchstwahrscheinlich sehr einfach zu lösenden Problem.

Ich möchte gerne eine horizontale Navigationsleiste, wie sie aktuell sehr üblich ist. Die normalen Navigationspunkte sollen linksbündig ausgerichtet sein. Soweit kein Problem. Allerdings möchte ich in der gleichen Navigationsleiste auch noch EINEN Punkt haben, der rechtsbündig ausgerichtet ist

Geht so etwas? Wenn ja, wie? Ich wäre euch für schnelle Hilfe wirklich sehr dankbar!

Schönes Rest-Wochenende!
Ich würde jetzt Spontan sagen einfach eine id Verpassen und entsprechend Ausrichten
Du erstellst neben deiner jetzigen Liste eine neue und macht eine neue Css Klasse:

Code:
.right {
        float: right;
    }

Und diese verwendest du dann so:

Code:
<ul class="right">
        <li>Menü Punkt</li>
    </ul>

Das mit der zusätzlichen "ul" geht leider nicht. Habe es mal schnell getestet. Der Punkt wird dann zwar rechts aber leider in der nächsten Zeile angezeigt. Ich möchte ihn aber unbedingt in der gleichen Zeile haben, damit er noch in der Nav-Bar ist.
http://i.imgur.com/wda1PYK.png(!https)
Du musst das andere Menü links floaten, dann sollte es gehen. Ansonsten poste mal bitte nen kurzes JSFiddle
Dann poste doch mal den HTML und Css Code für deine Navigation.
Hallo,

Du musst keine 2 verschiedenen Listen anlegen, es genügt, wenn Du dem Menüpunkt, der rechtsbündig sein soll, z.B. die Klasse "right" gibst und per CSS festlegst:
versuche es so zu lösen:

Code:
ul li.right {
float:right
}


Zu sehen [Link: Registrierung erforderlich].

Ui, Freddy. Du bist ein Gott, so funktioniert es perfekt! Danke!

An die anderen natürlich auch ein Danke! Das mit dem "float: left" für das erste Menü und dann "float: right" für das zweite Menü funktionierte zwar auch, aber nur begrenzt. Da gab es kleinere Probleme.

Naja, nun geht es und ich bin zufrieden. Vielen Dank nochmal an alle!
Referenz-URLs