[css] Dobre wypozycjonowanie elementow Opcje

[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.

Ten post edytował Silver360 29.09.2013, 11:48:54

[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

Ten post edytował kropamk 29.09.2013, 14:23:52

[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.

Ten post edytował Silver360 29.09.2013, 15:02:57

[kropamk]

coś takiego jak na zszywka.pl ? To są do tego gotowe moduły, które pozycjonują elementy w danym dive

[Silver360]

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.