+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Wyrównywanie pozycji, PROBLEM! (/thread-css-wyrownywanie-pozycji-problem)
[CSS] Wyrównywanie pozycji, PROBLEM! - haber1991 - 08-12-2012
Witam wszystkich forumowiczów,
Jestem w trakcie tworzenia strony internetowej (Nie posiadam największego doświadczenia, dlatego mam problem). Otóż: Tworzę w pętli while(){} kilkakrotnie tego samego diva o stałej szerokości i zmiennej wysokości. Używam funkcji float:right, w celu rozstawienia div'ów obok siebie. W momencie przekroczenia szerokości strony - divy automatycznie przeskakują na dół, co też chciałem osiągnąć. Ale niestety nie potrafię wyrównać diva do diva będącego powyżej Niego. Słownie ciężko wytłumaczyć o co mi chodzi, dlatego zamieszczam obrazek (w linku), przedstawiający mój problem i cel, który pragnę osiągnąć.
http://img594.imageshack.us/img594/3220/problemcel.jpg
RE: [CSS] Wyrównywanie pozycji, PROBLEM! - Morfeusz_2005 - 08-12-2012
Spróbuj dodać clear: both;
RE: [CSS] Wyrównywanie pozycji, PROBLEM! - yriah - 10-12-2012
(08-12-2012, 02:14)haber1991 napisał(a): Witam wszystkich forumowiczów,
Jestem w trakcie tworzenia strony internetowej (Nie posiadam największego doświadczenia, dlatego mam problem). Otóż: Tworzę w pętli while(){} kilkakrotnie tego samego diva o stałej szerokości i zmiennej wysokości. Używam funkcji float:right, w celu rozstawienia div'ów obok siebie. W momencie przekroczenia szerokości strony - divy automatycznie przeskakują na dół, co też chciałem osiągnąć. Ale niestety nie potrafię wyrównać diva do diva będącego powyżej Niego. Słownie ciężko wytłumaczyć o co mi chodzi, dlatego zamieszczam obrazek (w linku), przedstawiający mój problem i cel, który pragnę osiągnąć.
http://img594.imageshack.us/img594/3220/problemcel.jpg
myślę że powinieneś spróbować z position: relative, lub position: absolute i wtedy zobaczyć jakie będą efekty
RE: [CSS] Wyrównywanie pozycji, PROBLEM! - Kartofelek - 10-12-2012
http://suprb.com/apps/gridalicious/
RE: [CSS] Wyrównywanie pozycji, PROBLEM! - andrzejhi - 12-12-2012
No tylko to jest trochę inaczej niż haber chciał. oczywiście efekt jest super tylko od razu wiadomo ile div się zmieści w szerokości strony. Wszystko jest budowane w kolumnach ale wydaje mi się że to jest jedyny sposób na zrobienie takiego efektu.
RE: [CSS] Wyrównywanie pozycji, PROBLEM! - Kartofelek - 12-12-2012
Nie, Nie jedyny. W necie jest kilka dynamicznych gridów które dopasują elementy tak by tworzyły kwadracik.
np:
http://yconst.com/web/freetile/
(nie jest to najlepsze, widziałem ciekawsze)
Gdzieś tutaj: http://codevisually.com/page/15/ na bank widziałem podobne. Przejrzyj strony to zobaczysz. Na theme forest też co lepsza strona z galerią korzysta z pluginów do takigo układania. Niestety w chwili obecnej nie mogę sobie przypomnieć a w zakładkach mam zbyt duży pierdzielnik.