# 050: A Galéria Rács kiépítése - CSS-trükkök

Tartalomjegyzék

Elkezdjük ásni a Galéria területének elrendezését, amire ez az újratervezési folyamat kezdete óta gondolok. Leginkább azért, mert ... a v9-ben lévő galéria valahogy megszívta. Ezúttal jobban fogunk menni.

A galéria elrendezését csak egy nagy rács képpel készítjük el. Ez az, amit más galériák örömmel böngésznek, így ennek is így kell lennie. Más szavakkal: nincs oldalsáv, több kép.

Az elrendezést arra a zökkenőmentesen adaptív fotórács cikkre alapozom, amelyet egy ideje csináltam. Lényegében hagyjuk, hogy a képek inline blokkokként essenek egy szülőbe, amely CSS3 oszlopokat használ. Szerencsére az Iránytűnek van néhány segítője, hogy még könnyebb legyen. Az ereszcsatornákat az oszlopok távolságán és az alsó margón keresztül végezzük.

Valódi tartalom szimulálásához randomizált Helyi cicákat használunk egy hurokban.

érdekes cikkek...