• 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ę

Aruba Cloud - Virtual Private Server VPS
0 głosów
109 wizyt
pytanie zadane 24 marca 2023 w HTML i CSS przez HUBSON2912 Obywatel (1,480 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 725 wizyt
pytanie zadane 4 czerwca 2016 w HTML i CSS przez Ardian Początkujący (290 p.)
+1 głos
13 odpowiedzi 3,659 wizyt
pytanie zadane 10 czerwca 2015 w Rozwój zawodowy, nauka, praca przez wszoku Nowicjusz (170 p.)
0 głosów
1 odpowiedź 684 wizyt
pytanie zadane 15 listopada 2016 w HTML i CSS przez Darek_ppp Początkujący (400 p.)

93,329 zapytań

142,323 odpowiedzi

322,400 komentarzy

62,663 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!

...