Sekundärnavigation zentriert

Thema wurde von Anonymous, 12. Januar 2023 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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:
    460
    Danke erhalten:
    59
    Danke vergeben:
    140
    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:
    460
    Danke erhalten:
    59
    Danke vergeben:
    140
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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:
    460
    Danke erhalten:
    59
    Danke vergeben:
    140
    aja, ok! o_O
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    #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:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    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:
    460
    Danke erhalten:
    59
    Danke vergeben:
    140
    :mad::(:)
     
  10. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    Danke dir. Das werde ich gleich ändern.
     
  11. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    13. Juni 2018
    Beiträge:
    209
    Danke erhalten:
    100
    Danke vergeben:
    146
    Sehr cool ! Danke