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

Nie działają mi niektóre funkcje css

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
506 wizyt
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ź

0 głosów
odpowiedź 9 września 2022 przez VBService Ekspert (256,320 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 (256,320 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 (256,320 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 (256,320 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 962 wizyt
0 głosów
1 odpowiedź 4,845 wizyt
0 głosów
1 odpowiedź 143 wizyt
pytanie zadane 9 września 2022 w PHP przez kordix Gaduła (3,910 p.)

93,187 zapytań

142,203 odpowiedzi

322,023 komentarzy

62,515 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2581p. - dia-Chann
  2. 2537p. - Łukasz Piwowar
  3. 2528p. - Łukasz Eckert
  4. 2514p. - CC PL
  5. 2476p. - Tomasz Bielak
  6. 2445p. - Łukasz Siedlecki
  7. 2443p. - rucin93
  8. 2201p. - Michal Drewniak
  9. 2156p. - Marcin Putra
  10. 2152p. - Adrian Wieprzkowicz
  11. 2105p. - Mikbac
  12. 1941p. - Anonim 3619784
  13. 1733p. - rafalszastok
  14. 1701p. - Michał Telesz
  15. 1580p. - ssynowiec
Szczegóły i pełne wyniki

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!

...