Frage von HighPlayZ, 46

HTML Inhalte (bild, h1, h2) in eine reihe bekommen?

Hallo Liebe Community... Ich probiere diese Frage ziemlich kurz zu stellen:

Ich habe ein Problem mit meinem HTM/CSS Skript... Und zwar habe ich im header...

.

... ein Bild hinzugefügt

...eine Überschrift hinzugefügt

xxx

...eine 2.Überschrift hinzugefügt

yyy

und diese Inhalte werden untereinander angezeigt, was ja der Normalfall ist. Aber ich möchte alle Inhalte in einer Reihe haben... Ich habe schon alles probiert....

z.B.

header img h1 h2 { display; inline: }

aber leider hat das alles nicht funktioniert... Bitte um dringende rückfrage...

mfg HighPlayZ

Antwort
von Sarkophator, 16

Dein Selektor ist falsch. Mit

header img h1 h2

selektierst du alle h2 Elemente, die sich in h1 Elementen befinden, die sich in img Elementen befinden, die sich im header Element befinden. Was du willst ist entweder:

header > *

womit du alle Kinderelemente auf der ersten Ebene im Header-Element selektierst, oder du willst:

header img, header h1, header h2

bzw.

header > img, header > h1, header > h2

Womit du dann nur die img, h1 und h2 Elemente die sich im header-Element befinden selektierst. So sollte es jedenfalls funktionieren.

Kommentar von medmonk ,

Allein wenn ich so etwas schon sehe, mir schlecht wird. Inhaltlich natürlich korrekt, ich mir selber jedoch dank Preprocessor (Sass) nie wieder ans Bein binden werde. ;-) 

  

Antwort
von RedKungFuMastr, 30

Die Syntax sollte gelernt sein... Semikolon und Doppelpunkt tauschen....

Außerdem, float: left; ist die bessere Alternative...

Kommentar von HighPlayZ ,

Also, ich meine... Das Semikolon und den Doppelpunkt habe ich schon Richtig, vllt habe ich mich hier verschrieben... Aber ansonsten danke ich dir... :)

Antwort
von Steffile, 34

inline-block sollte gehen.

Keine passende Antwort gefunden?

Fragen Sie die Community