Header Elemente nebeneinander

Diskutiere Header Elemente nebeneinander im HTML Forum im Bereich Programmierung; Moin moin, Ich bin ganz neu dabei und versuche mich gerade an einer Testwebseite. Ich möchte den Header wie folgt aufbauen: Ganz oben die...
J

Joela

New member
Dabei seit
25.09.2021
Beiträge
3
Moin moin,
Ich bin ganz neu dabei und versuche mich gerade an einer Testwebseite.

Ich möchte den Header wie folgt aufbauen:
Ganz oben die Überschrift mittig,
da drunter 2 Links nebeneinander und ganz rechts ein Bild mit einem Logo.
Leider wird man das Logo immer unter den Links angezeigt.

Html:

<body>
<header>
<h1>Überschrift</h1>
<div id="navigation">
<a href="#">Über uns</a>
<a href="#">Kontakt</a>
</div>
<div id="image">
<img src="Logo.jpg" alt="Logo">
</div>
</header>
</body>

Css:

#header {
float: right;
padding: 100px;
background-color: cadetblue;
}

Kann mit hier jemand helfen?
 
basti1012

basti1012

Well-known member
Dabei seit
12.06.2018
Beiträge
138
Float ist Mist.
Das sollte man nur für Texte benutzen die um ein Element fließen sollen.
Mach das mal mit Flexbox
http://www.css-wiki.com/listings/flexbox.html
Damit geht es besser und ist auch aktueller.
Damit solltest du die ganze Seite erstellen, das erleichtert dir nachher das Responsive Design
 
J

Joela

New member
Dabei seit
25.09.2021
Beiträge
3
Ich bekomme es einfach nicht hin. Ich will eigentlich nur das ich oben ein Logo habe, direkt da drunter eine Reihe mit Links und auf der ganz rechten Seite ein Button für Kontakt. Ungefähr so:
Header.PNG
Eventuell kann mir jemand helfen?
 
Thema:

Header Elemente nebeneinander

Oben