![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 130 Pomógł: 0 Dołączył: 11.09.2011 Ostrzeżenie: (50%) ![]() ![]() |
Uczę się dobrze przygotowywać szablony.
Mam taką sytuacje: wstawilem diva, w którym zawarłem 5 elementów, które chce oddzielić od siebie w poziomie o 10px. Tyle, że gdy zrobie to marginami, gdy zmniejszam strone (CTRL + minus) to ostatni element (div) w divie glownym spada na dol.. Jak inaczej, prawdlowo wysrodkowac dane elementy / oddzielic od siebie? (IMG:style_emoticons/default/smile.gif) |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 294 Pomógł: 4 Dołączył: 19.12.2008 Ostrzeżenie: (0%) ![]() ![]() |
Możesz to zrobić na kilka sposobów (IMG:style_emoticons/default/wink.gif) Możesz nadać float`y każdemu dziecku w jakimś divie i dać jako ostatni ze stylem: clear: both. ROdzic niech ma np. szerokość 100%, marginesy lewy i prawy na auto i masz na środku np. 4 boksy. Wtedy podczas zmniejszania przeglądarki jeśli się nie zmieszczą - wejdą niżej.
Możesz również nadać containerowi white-space: nowrap, a w środku jego dzieci z display: inline-block ( ew. display: flex ale poczytać trzeba na caniuse.com ) i nadajesz im szerokości procentowo. Wtedy będą się zmniejszać podczas skalowania przeglądarki. Jest wiele nawet wtyczek w jQuery, którymi możesz pobawić się w flex boksy. W najgorszym razie możesz dać tabelkę hehe (IMG:style_emoticons/default/wink.gif) Jeśli w którymś momencie boksy będą za małe - możesz je dać poniżej lub dowolnie ostylować. DO ich responsywności możesz użyć media queries w css`ach, bardzo proste do deklaracji. Wpisz w google media queries. Jak coś to pisz (IMG:style_emoticons/default/wink.gif) |
|
|
![]() ![]() |
![]() |
Aktualny czas: 16.10.2025 - 19:16 |