Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Rezponzivita- jen CSS

Aktivity
Avatar
Vít Pergler
Člen
Avatar
Vít Pergler:19.6.2017 12:58

Ahoj, má problém. Nevím jak mám udělat kategorie pomocí obrázků, aby nejdříve byly čtyři vedle sebe a několik pod sebou a potom pouze dva a nakonec jen jeden. Pro lepší pochopení mého idiotského popisu přidávám obrázek. Děkuji za pomoc.

 
Odpovědět
19.6.2017 12:58
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Vít Pergler
David Hartinger:19.6.2017 13:02

Tohle se většinou řeší přes grid systémy. Udělá to za tebe třeba grid z bootstrapu - http://getbootstrap.com/css/#grid. Kdyby sis to chtěl udělat sám, tak se to dělá přes flex box a media query. Ale přijde mi zbytečné to psát, ten Bootstrap grid se z něj dá vyexportovat i bez zbytku frameworku, používáme ho tady na fotoalba, tak se můžeš inspirovat jak je to napsané - https://www.itnetwork.cz/alba/index/5 ;-)

Nahoru Odpovědět
19.6.2017 13:02
New kid back on the block with a R.I.P
Avatar
Vít Pergler
Člen
Avatar
Vít Pergler:19.6.2017 13:04

Jde o to, že já to musím napsat. Vím jak to udělat z těch čtyř na jedno, ale nevím jak tam udělat ten mezistupeň s dvěma obrázky.

 
Nahoru Odpovědět
19.6.2017 13:04
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:19.6.2017 13:18

Pro css media queries urcis 2 sirky obrazovky, kde se to bude menit a pak nejlepe technikou mobile first definujes bloky na 100% (pripadne pevnou sirku), dalsi velikost uz jen 50% a nejvetsi bude 25%

 
Nahoru Odpovědět
19.6.2017 13:18
Avatar
Vít Pergler
Člen
Avatar
Vít Pergler:19.6.2017 13:22

Jiří Fencl vyzkouším, děkuji.

 
Nahoru Odpovědět
19.6.2017 13:22
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.