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...
  • Header Elemente nebeneinander Beitrag #1
J
Joela
New member
Beiträge
3
Punkte Reaktionen
0
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?
 
  • Header Elemente nebeneinander Beitrag #2
basti1012
basti1012
Well-known member
Beiträge
242
Punkte Reaktionen
18
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
 
  • Header Elemente nebeneinander Beitrag #3
J
Joela
New member
Beiträge
3
Punkte Reaktionen
0
Klasse! Danke Dir!
 
  • Header Elemente nebeneinander Beitrag #4
J
Joela
New member
Beiträge
3
Punkte Reaktionen
0
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 Unten