• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Nie działa justify-content. Problem w wyśrodkowaniem menu.

Aruba Cloud - Virtual Private Server VPS
0 głosów
864 wizyt
pytanie zadane 14 stycznia 2021 w HTML i CSS przez Rever Początkujący (290 p.)
zamknięte 24 stycznia 2021 przez Rever

Mam problem z wyśrodkowaniem menu. Nie wiem co zrobić, podpowię ktoś?

Kod CSS:

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

body{
    background-color: white;
}
.title{
    color: #5e0a0d;
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    margin-top: 20px;
    font-family: Playfair Display, Arial;
}
menu{
    display: flex;
    justify-content: center;
    text-align: center;
}
ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
li a{
    display: block;
    float: left;
    justify-content: center;
    text-align: center;
    font-size: 1.1em;
    width: 100px;
    text-decoration: none;
    color: white;
    background-color: #5e0a0d;
    padding: 10px 15px;
    margin: 0px 1px 1px 0px;
}
li a:hover {
    color: #5e0a0d;
    background: white;
    border: 1px solid#5e0a0d;
}

 

komentarz zamknięcia: Użytkownik niezalogowany pomógł. Dzięki wielkie.
1
komentarz 14 stycznia 2021 przez Tomek Sochacki Ekspert (227,490 p.)
nie mamy html więc ciężko się odnieść, ale czy czasem w

"menu{"

nie powinno być:

".menu{"

? (brak kropki oznaczającej klasę menu, a nie element <menu>?
komentarz 14 stycznia 2021 przez Rever Początkujący (290 p.)

Uww racja.
HTML: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="title">Anagram</div>
    </header>
<br><br><br>
    <div class="menu">
        <section>
            <nav>
            <ul>
            <li><a href="link">Główna</a></li>
            <li><a href="link">Aktualności</a></li>
            <li><a href="link">Felietony</a></li>
            <li><a href="link">O nas</a></li>
            <li><a href="link">Kontakt</a></li>
            <li><a href="link">Partnerzy</a></li>
            <li><a href="link">Zespół</a></li>
            <li><a href="link">Sklep</a></li>
            </nav>
            </section>
    </div>
</body>
</html>

 

komentarz 14 stycznia 2021 przez Rever Początkujący (290 p.)

Dokładniej chodzi mi o to aby wyśrodkować menu

2 odpowiedzi

+1 głos
odpowiedź 14 stycznia 2021 przez niezalogowany
wybrane 24 stycznia 2021 przez Rever
 
Najlepsza

Złap za selektor ul smiley

ul{   
  display: flex;
  justify-content: center;
    
    
}

Powinno pomóc wink

0 głosów
odpowiedź 14 stycznia 2021 przez D0nt_writ3_t0_m3 Początkujący (340 p.)

Proponuje zamknięcie div'a menu w drugim divie.

<div id="center">
     <!-- Tutaj cały kod od <div class="menu"> do </div> -->
</div>

A jeżeli chodzi o CSS:

#center
{
   margin: 0 auto;
}

Daj znać jak poszło ;)

Podobne pytania

0 głosów
2 odpowiedzi 721 wizyt
pytanie zadane 19 listopada 2019 w HTML i CSS przez Kimi Bywalec (2,050 p.)
0 głosów
1 odpowiedź 546 wizyt
+1 głos
2 odpowiedzi 775 wizyt
pytanie zadane 4 kwietnia 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)

93,335 zapytań

142,331 odpowiedzi

322,415 komentarzy

62,670 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...