Wyśrodkowanie elementów top-menu

  • Rozwiązano Rroido

    (@rroido)


    13 lat, 8 miesięcy temu

    Problem dotyczy stylu grisaille. Chciałbym wyśrodkować elementy znajdujące się w top-menu (w preview to „About” oraz „Parent page”), bo ich obecność z lewej strony po prostu mi nie odpowiada. Moje początkowe próby zabawy kodem kończyły się na tym, że dwa przykładowe elementy były na środku, ale zamiast jeden obok drugiego, to były jedno pod drugim. Takiego efektu też nie chciałem.
    Znajdzie się jakiś mistrz css’a? ; d

Zobacz 2 odpowiedzi - od 1 do 2 (z 2 łącznie)
  • lukaszklis

    (@lukaszklis)

    13 lat, 8 miesięcy temu

    Znajdź w pliku style.css #top-menu li i zmodyfikuj odpowiednio:

    #top-menu li {
  /* wywal float: left; */
  /* istniejacy kod */
  /* dodaj */
  display: inline-block;
}

    Dopisz za klamrą zamykającą deklaracje właściwości CSS dla #top-menu li kod do centrowania elementów nawigacji:

    #top-menu ul {
  text-align: center;
}
    Twórca wątku Rroido

    (@rroido)

    13 lat, 8 miesięcy temu

    No i praktycznie ten dodatkowy dopisek do top-menu był tym, czego potrzebowałem, bo akurat display: inline-block stosowałem.
    Jestem wielce wdzięczny za pomoc!

Zobacz 2 odpowiedzi - od 1 do 2 (z 2 łącznie)

Temat ‘Wyśrodkowanie elementów top-menu’ jest zamknięty na nowe odpowiedzi.