Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Dobre wypozycjonowanie elementow
Forum PHP.pl > Forum > Przedszkole
Silver360
Robie sobie przykladowa stronke (ucze sie) Stronka i mam problem z dobrym wypozycjonowaniem div. W section mam div room. I jak widac wyswietlaja sie, ale miedzy kolejnymi zedami sa przerwy. Nie bardzo wiem czemu sie one zrobily. Przegladarka nie wskazuje zeby cos tam bylo margin albo cos innego. Chcialbym zeby miedzy gornym a dolnym room bylo troche odstepu tyle samo co miedzy sasiadujacymi ale nie bardzo wiem jak to zrobic. Prosil bym o pomoc w tej sprawie. I chcialbym jakis prosty sposob o ile jest. Wolalbym nie zmieniac position, bo oczywiscie moge to zrobic absolute ale wtedy nie bedzie to za bardzo generyczne bo bede musial ustawiac pozycje kazdego z osobna.


ps. Sorki za duze fotki, dodawalem na szybko dla przykladu.
kropamk
no to zacznijmy, jeżeli kładziesz divy obok siebie to zawsze ale to zawsze dla div float: left i już dzięki temu będziesz miał je ładnie wyrównane (div do element blokowy tj. display:block a nie inline-block). Co do wysokości ich to popracuj nad section .room .miniaturka daj jak jakiś max-height albo wykadruj je w ps no ale timthumba załaduj
Silver360
Wiec tak :3 Display: inline-block daje ten sam efekt co float, uzylem display bo wygladalo jakos ladniej. Co do wysokosci to wlasnie ja chce zeby nie byla stala tylko w zaleznosci od miniaturki. Zeby to nie byla rowna szachownica.
kropamk
coś takiego jak na zszywka.pl ? To są do tego gotowe moduły, które pozycjonują elementy w danym dive
Silver360
Cytat(kropamk @ 29.09.2013, 17:25:09 ) *
coś takiego jak na zszywka.pl ? To są do tego gotowe moduły, które pozycjonują elementy w danym dive


Tak chodzi mi o cos takiego. Moduly... moglbys napisac troche wiecej? Ja uzywam framework Twitter Bootstrap ale nie widzialem tam nic takiego co by mi pomoglo uzyskac taki efekt.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.