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

Przesunięcie div'ów kiedy pomniejszam stronę

Object Storage Arubacloud
0 głosów
85 wizyt
pytanie zadane 24 marca 2023 w HTML i CSS przez HUBSON2912 Obywatel (1,410 p.)

Witam,

mam problem w HTML. Dopiero zaczynam przygodę ze stronami (znam tylko HTML i CSS). Mam do zrobienia stronę, a nauczyciel wymagał aby strona była zrobiona na podstawie tabeli. Chciałbym sprawić, aby div (na obrazku w linku w komórce "zawartość"; jest w nim tylko obraz) przesunął się niżej jeśli nie mieści się on już w komórce tabeli, np. przy podzielonym ekranie, kiedy okno jest zmniejszone. Divy są ustawione w rzędzie z użyciem " float: left; ".

Poglądowo jak to wygląda:

PODGLĄD

 

Od krawędzi okna do krawędzi tabeli jest mały margines, sam obrazek też ma luz w div'ie.

Dziękuję za pomoc.

1 odpowiedź

+1 głos
odpowiedź 24 marca 2023 przez Mateusz Analityk Stary wyjadacz (13,710 p.)
wybrane 25 marca 2023 przez HUBSON2912
 
Najlepsza
.container {
  display: flex;
  flex-wrap: wrap;
}

.container div {
  flex: 1 0 200px; /* elastyczna szerokość elementu */
  margin: 10px; /* margines między elementami */
  /* inne style */
}

Tak pokombinuj 

Poczytaj o flex i flex-wrap

Podobne pytania

–1 głos
3 odpowiedzi 526 wizyt
pytanie zadane 4 czerwca 2016 w HTML i CSS przez Ardian Początkujący (290 p.)
+1 głos
13 odpowiedzi 3,229 wizyt
pytanie zadane 10 czerwca 2015 w Rozwój zawodowy, nauka, praca przez wszoku Nowicjusz (170 p.)
0 głosów
1 odpowiedź 595 wizyt
pytanie zadane 15 listopada 2016 w HTML i CSS przez Darek_ppp Początkujący (400 p.)

92,690 zapytań

141,603 odpowiedzi

320,098 komentarzy

62,050 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

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!

...