Nie działają mi niektóre funkcje css

pytanie zadane 9 września 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)
edycja 9 września 2022 przez MacieKap

Witam,

nie działa mi opcja: display:flex;

strona jest pod adresem 698197568mk.online

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>test</title>
    <link rel="stylesheet" href="style.css">
    <?php
        //php
    ?>
</head>
<body>
    <header>
            <div class="logo">ArkaVlog<div>
    </header>
    <nav>
        <div class="menu">
            <div class="button">podstrona1</div>
            <div class="button"> podstrona2</div>
            <div class="button"> podstrona3</div>
            <div class="button"> podstrona4</div>
        </div>
    </nav>
    <main>
        <div class="content">
        HMS Abercrombie – brytyjski monitor z okresu I wojny światowej, jedna z czterech jednostek typu Abercrombie. Okręt miał wyporność 6150 ton i osiągał prędkość 6,5 węzła, a jego główne uzbrojenie stanowiły dwa działa kalibru 356 mm produkcji amerykańskiej, uzupełniane przez artylerię mniejszego kalibru. Zwodowany w kwietniu 1915 roku w stoczni Harland and Wolff w Belfaście, został wcielony do służby w Royal Navy w maju 1915 roku. Początkowo okręt miał otrzymać nazwę na cześć amerykańskiego admirała Davida Farraguta, jednak ostatecznie nazwano go na cześć XVIII-wiecznego brytyjskiego generała Ralpha Abercromby’ego. Okręt wziął czynny udział w działaniach wojennych na Morzu Śródziemnym, uczestnicząc m.in. w kampanii dardanelskiej. HMS „Abercrombie” został wycofany ze służby 9 maja 1919 roku, a w roku następnym rozbrojony. W 1927 roku monitor został sprzedany firmie T.W. Ward i trafił do stoczni złomowej w Inverkeithing, gdzie został rozebrany do końca 1927 roku. Czytaj więcej…


        </div>
    </main>
</body>
</html>

*{
    margin: 0;
    padding: 0;
    background-color: black;
    color: white;
}
.logo{
    background-color:  #1a1a1a;
    color: white;
    text-align: center;
}
.menu{
    display: flex;
}
.button{
    border: white 3px solid;
}

Z góry dziękuję za odpowiedzi

komentarz 9 września 2022 przez ScriptyChris Mędrzec (190,190 p.)

W jakim sensie nie działa?

1 odpowiedź

odpowiedź 9 września 2022 przez VBService Ekspert (253,340 p.)
edycja 9 września 2022 przez VBService

Pewnie chodzi Tobie o ... np.

.menu{
  display: flex;
  justify-content: space-evenly;
}

lub np.

.menu{
  display: flex;
  justify-content: center;
}
.button{
  margin: 0 1em;
  border: white 3px solid;
}

inne wartości dla justify-content

komentarz 9 września 2022 przez MacieKap Bywalec (2,400 p.)

chodzi mi o to, aby elementy podstrona1, podstrona2... były rozciągnięte na całą szerokość

komentarz 9 września 2022 przez VBService Ekspert (253,340 p.)

Np. przez dodanie width do button


.button {
    border: white 3px solid;
    width: 25%; /* 100% / 4 butony = 25% */
}

komentarz 9 września 2022 przez MacieKap Bywalec (2,400 p.)

co bym nie zmienił w divie menu, i tak zmiany się nie wyświetlają

komentarz 9 września 2022 przez VBService Ekspert (253,340 p.)

Spróbuj odświeżyć stronę przez CTRL+F5

P.S. zmiany działają

komentarz 9 września 2022 przez MacieKap Bywalec (2,400 p.)

Ale ty edytowałeś w divie button, ale ja chcę użyć flexboxa.

komentarz 9 września 2022 przez VBService Ekspert (253,340 p.)
edycja 9 września 2022 przez VBService

.menu{ 
   display: flex;
} 
.button { 
   border: white 3px solid; 
   flex-grow: 1;
 }

lub

.menu{
  display: flex;
  justify-content: space-evenly;
}
.button {
  border: white 3px solid;
  flex: 1 0 25%;
}

sprawdź też np.:

Podobne pytania

0 głosów

2 odpowiedzi 805 wizyt

Nie działają polskie znaki mimo <html lang="pl> ( 2 lekcja PHP). Co jest nie tak ?

pytanie zadane 29 czerwca 2015 w PHP przez Kacpi_b Nowicjusz (150 p.)

0 głosów

1 odpowiedź 4,549 wizyt

Nie działają niektóre komendy w CMD / Windows 10

pytanie zadane 31 maja 2017 w Systemy operacyjne, programy przez Mizatake Nowicjusz (170 p.)

0 głosów

1 odpowiedź 105 wizyt

Itunes API niektóre hasła działają , inne nie

pytanie zadane 9 września 2022 w PHP przez kordix Gaduła (3,910 p.)

Nie działają mi niektóre funkcje css

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci