Sekundärnavigation zentriert

Thema wurde von Anonymous, 12. Januar 2023 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.518
    Danke erhalten:
    568
    Danke vergeben:
    217
    ich bekomme die Sekundärnavigation nicht zentriert. Top-Navigation wrappen hab ich an. Aber trotzdem ist es nicht mittig. ?
    upload_2023-1-12_11-20-56.png
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Die Classe heißt
    nav navbar-nav navbar-right

    und die hat unter anderem diesen css-code:
    Code:
    @media (min-width: 768px){
    .navbar-right, #header .navbar-secondary .navbar-nav {
        float: right !important;
        margin-right: -15px;
    }}
    Beim kurzen Testen habe ich es aber auch nur nach links bekommen und nicht in die Mitte.
     
  3. Geri*

    Geri* Erfahrener Benutzer

    Registriert seit:
    18. Mai 2014
    Beiträge:
    448
    Danke erhalten:
    56
    Danke vergeben:
    137
    Moin Michaela!
    Wenn ich mir deine Seite ansehe und die Sekundärzeile mit "Untersuchen" anzeigen lasse, steht da, daß die Zeile rechts ausgerichtet ist. Da sollte aber "Center block" stehen, wenn es mittig sein soll!
    Ach, noch was: Deine Überschrift ist eine H3, du solltest die in H1 ändern! Auch haben einige Bilder keine Alt-Attribute!
    LG
    Geri
     
  4. Geri*

    Geri* Erfahrener Benutzer

    Registriert seit:
    18. Mai 2014
    Beiträge:
    448
    Danke erhalten:
    56
    Danke vergeben:
    137
    Barbara, wenn du statt -15 z.B. 150 eingibst, steht es ziemlich mittig!
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das schon, ist aber steif. wird der Bildschirm kleiner, rutscht es immer weiter nach links und das sieht nciht gut aus.
    Da müsste man die Breakpoints einzeln anfassen.
     
  6. Geri*

    Geri* Erfahrener Benutzer

    Registriert seit:
    18. Mai 2014
    Beiträge:
    448
    Danke erhalten:
    56
    Danke vergeben:
    137
    aja, ok! o_O
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.518
    Danke erhalten:
    568
    Danke vergeben:
    217
    #7 Anonymous, 12. Januar 2023
    Zuletzt bearbeitet: 16. Januar 2023
    @Geri* und @barbara das hab ich auch schon versucht.

    Nach langem Suchen und Testen.

    Mit diesem Code klappt es bei mir jetzt (die 2 Klammern sind dabei) :

    Code:
    @media (min-width: 768px){
    #topbar-container .navbar-topbar {
        display: flex;
        align-items: center;
        justify-content: center;
    }}
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.518
    Danke erhalten:
    568
    Danke vergeben:
    217
    Ich hab den Fehler gefunden. 2 Klammern hab ich vergessen :D
    Hab die 2 Klammern hinzugefügt, falls jemand den Code braucht.
     
  9. Geri*

    Geri* Erfahrener Benutzer

    Registriert seit:
    18. Mai 2014
    Beiträge:
    448
    Danke erhalten:
    56
    Danke vergeben:
    137
    :mad::(:)
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.518
    Danke erhalten:
    568
    Danke vergeben:
    217
    Danke dir. Das werde ich gleich ändern.
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Juni 2018
    Beiträge:
    206
    Danke erhalten:
    99
    Danke vergeben:
    143
    Sehr cool ! Danke