Titel links, Menüpunkt rechts

[jakestyler]

Hallo,
ich stehe gerade ziemlich auf dem Schlauch.

Mein HTML:

<header>
    <span id="logo">INGENIEURBÜRO</span> <a href="#kontakt" class="smoothscroll menu">Kontakt</a>
</header>

CSS:

.menu {
     right: 0;
         left: auto;
     margin-right: -15px;
     float: right !important;
     margin-right: 0;
}

Im CSS sind jetzt einige versuche drinnen, eigentlich will ich nur, dass id="logo" rechts und class="menu" links steht. Das funktioniert auch, aber Kontakt rutscht dann eine Zeile nach unten. Ein Screenshot zur Verdeutlichung:

Danke!

 

[Tronjer]

eigentlich will ich nur, dass id="logo" rechts und class="menu" links steht.

Dann schreibe es im HTML in derselben Reihenfolge. Mache aus beiden Blockelemente und kombiniere float:left mit float:right.

 

[jakestyler]

Oh, jetzt habe ich sogar die Seiten verwechselt... Bin ich verwirrt heute..

Ich versteh's nicht...

 

[Tronjer]

Was verstehst du nicht?

 

[jakestyler]

Was ich machen muss. In meinem Kopf tanzt ein kleiner Affe.

 

[Tronjer]

Dann lass' ihn raus und mach' Schluss für heute.

Auch komplexe Probleme lösen sich oftmals von selbst, wenn man eine Nacht drüber schläft und wieder einen klaren Kopf hat. Und die Sache mit dem links-/rechtsbündig ist eigentlich simpel.

 

[jakestyler]

Aufgeben ist leider nicht, muss das Projekt morgen abgeben oder ich bekomme ne schlechtere Note...
Ich hab schon alle Möglichen Stylesheets durchsucht, nichts funktioniert...

 

[threadi]

Du musst im HTML-Code erst das Element schreiben welches rechts gefloatet ist (und also rechts steht), danach das Element was links stehen soll.