vertical-align: middle funktioniert nicht

    Hallo,

    ich versuche schon seit heute morgen, dieses garstige, widerspenstige Navigationsmenü zu zähmen.

    Es soll auf der Seiten zentriert dargestellt und in Relation zum Bild in der Mitte horizontal zentriert sein. Mit anderen Worten: Die Links sollen auf Mittelhöhe des Herzens stehen und nicht am oberen Rand.

    Aber was ich auch versuche - es haut nicht hin.

    https://naehschule-plum.de/

    Welcher der gefühlten 1 Million Container ist denn dafür zuständig?

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Eine Art "Hack" wäre, die Zeilehöhe wie die Bildhöhe zu setzen. Falls sich die Bildhöhe später ggf. mal wg. "responsive" o.ä. ändert, müsste man das aber auch anpassen, was komplex werden kann.

    Code
    .main-navigation a {
    line-height: 302px;
}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden