Oben im header (orange gestrichelt /eingestästelt) steht die Überschrift /h4) ziemlich weit oben,
ich würde die aber entweder mittig oder auch unten (flex-end) haben wollen.
Nun ist es aber so, das ein son blau eingekästeltes Element ( Überschrift / Bild / sonst Anmerkungen darunter) nicht nur eine Überschrift hat, sondern auch mal ´zwei (h4s). So habe ich die h4s mit header eingefasst und diesem header eine min-height gegeben, eine genaues hight ist leider nicht möglich da sonst die untere h4 unnter der bild „verschwindet“ (beim zusammenstauchen des Fensters) Dadurch , weil ich eine min-height gegeben hab funktioniert ja das „centern“ oder das flex-end" nicht.
Welche Möglichkeit gäbe es noch, sodass ich die Überschrift nach unten bekomme?
da ich leider deinen CSS nicht kenne, kann ich nur, wie im vorigen JS-Fiddle Script, blanko arbeiten: https://jsfiddle.net/wzuy9bm3/4/
In dem Beispiel habe ich einfach deine Strucktur übernommen und in die einzelnen Tags immer eine “class” eingefügt (dies geht natürlich auch ohne eine class Angabe.)
alles gut und schön, aber irgendwie funktioniert das Ganze nicht. Die zwei h4 „tables“ stehen nun nebeneinander.
Wie kommt das zustande? Siehe: LINK
scroll down, dort ist das feld mit den zwei h4
Ich habe nun im html folgendes geändert:
ich habe dort jedem a eine klasse zugeteilt:
< a class=„div-table“ href=„arbeit11.html“ >
Wenn du das so machen willst, dann brauchst du unbedingt ein „display:table-row“. Dies fehlt bei dir.
Eine Tabelle hat fast immer dieses Gerüst:
table
-row <- fehlt in deinem CSS
–cell
Somit kommst du nicht rum, ein Element (< /div>< /span>…) im „header“ Tag einzufügen, mit einem „display:table-row“
In diesem Bild habe ich die 2 H4-Tags durch einen ersetzt und die Überschriften in zwei < /span>-Elemente gepackt. Das CSS steht im jeweiligen „style“-Attribut.
In diesem Beispiel kannst du dann im H4-Tag (display:table) auch eine Höhe angeben. Somit werden alle Überschriften mit der selben Höhe angezeigt und richten sich automatisch vertikal zentriert aus.
nabend icatch,
eine Frage noch, wenn man nun doch ohne Tabelle arbeiten würde, würdest Du dann auch
mit < span > die < h4 > unterteilen?
Bisher hatte ich im < header > immer < h4 > Übercshrift 1 < /h4 > < h4 > Überschrift 2 < /h4 > verwendet.
Dann war es immer so das beim zusammenstauchen des Fensters die untere < h4 > unters Bild verschwand.
Deshalb hatte ich ein min-height verwendet, deshalb funktionierte das < vertikale flex-end > nicht, deshalb
das mit der Tabelle…
Meine Frage: Wenn man aber < h4 > < span > Übercshrift 1 < /span> < span > Überschrift 2 < /span > < /h4 >
verwendet dann würde auch ein < vertikales flex-end > funktionieren?
Würde man es so machen?
du kannst es theoretisch mit 2 H4-Tags oder den < /span>-Tags im 1 H4-Tag schreiben.
Ich habe in dem Beispiel mit einem H4-Tag gearbeitet, damit dies direkt für die Suchmaschienen etwas angenehmer ist zu lesen.