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

Problem z gradientem

Object Storage Arubacloud
0 głosów
84 wizyt
pytanie zadane 29 marca 2021 w HTML i CSS przez SlagEdit Początkujący (380 p.)

Ktoś wie czemu się tak dzieje i jak to zmienić. Zamiast jednego gradientu powstaje wiele małych.

<!DOCTYPE html>
<html lang="pl">
    <head>
        <title>Szkoła podstawowa w Trzcianie - Główna</title>
        <meta charset="UTF-8">
        <meta name="keywords" content="Pogoda, w, ostatnich, dniach">
        <meta name="description" content="">
        <link rel="stylesheet" href="CSS.css">
    </head>
    <body>

    </body>
body { background: linear-gradient(to top, aqua, blue)

2 odpowiedzi

0 głosów
odpowiedź 29 marca 2021 przez Jakub 0 Pasjonat (23,120 p.)
edycja 29 marca 2021 przez Jakub 0

Musisz ustawić wysokość dla body, np:

height: 100vh;

to oznacza, że wysokość bloku ma wynieść tyle samo co wysokość obszaru roboczego.

Domyślnie wysokość body zależy od jego zawartości.

komentarz 29 marca 2021 przez SlagEdit Początkujący (380 p.)
body { background: linear-gradient(to top, aqua, blue,); height: 100vh;}

O tak?

 

komentarz 29 marca 2021 przez Jakub 0 Pasjonat (23,120 p.)
Tak, tylko bez tego przecinka po blue :)
0 głosów
odpowiedź 29 marca 2021 przez niezalogowany
body { 
  width: 100%;
  height: 100vh;
  background: linear-gradient(to top, aqua, blue);

}

winkyes

komentarz 29 marca 2021 przez SlagEdit Początkujący (380 p.)
Dzięki wielkie już działa (Y)
komentarz 29 marca 2021 przez niezalogowany

Nie ma za co Pozdrawiam wink

Powodzenia yes

Podobne pytania

0 głosów
1 odpowiedź 112 wizyt
pytanie zadane 13 listopada 2018 w HTML i CSS przez Scypyon Gaduła (3,450 p.)
0 głosów
1 odpowiedź 146 wizyt
pytanie zadane 11 listopada 2016 w HTML i CSS przez Avenue Użytkownik (940 p.)
+1 głos
2 odpowiedzi 87 wizyt
pytanie zadane 25 marca w HTML i CSS przez oleksik Użytkownik (590 p.)

92,565 zapytań

141,416 odpowiedzi

319,596 komentarzy

61,948 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...