Kein Zeilenumbruch nach Bild

[Louis Weigel]

Hallo Leute,

Ich habe eine Website (zurzeit in Bearbeitung) und will im Header nach dem Bild keinen Zeilenumbruch haben, sonder die Links neben dem Bild haben. Wie kann ich das machen?

[Matthias Scharwies]

Hallo Louis,

Ich habe eine Website (zurzeit in Bearbeitung) und will im Header nach dem Bild keinen Zeilenumbruch haben, sonder die Links neben dem Bild haben. Wie kann ich das machen?

Schau mal hier:

• CSS/Tutorials/Grid/mehrspaltige_Layouts#Holy-Grail-Layout

header {
	display: grid;
	grid-template-columns: min-content 1fr;
}

Ich habe den header in ein Grid verwandelt und die beiden Kindelemente nebeneinander positioniert.

Evtl. würde ein gap: 10px; noch besser aussehen. BTW: Die font-size im body benötigt eine Maßeinheit.

Herzliche Grüße

Matthias Scharwies

[Henry]

Hallo Louis,

Ich habe eine Website (zurzeit in Bearbeitung) und will im Header nach dem Bild keinen Zeilenumbruch haben, sonder die Links neben dem Bild haben. Wie kann ich das machen?

Das liegt daran, weil du 2 Blockelemente hast. DIV und UL kannst du aber auch anders darstellen als zb. Inlineblöcke, display:inline-block;

Abgesehen davon bieten sich natürlich auch modernere Möglichkeiten fürs Design an, wie zb. Flex oder Grid.

Gruss
Henry