NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Rozbíjanie boxov pri zmene velkosti viewportu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Marek Cmarko
Člen
Avatar
Marek Cmarko:28.5.2017 10:57

Caute, snazim sa zresponzivnit stranku a pri zmensovani viewportu zacnu v .gallery skákať .box ktore držia obrázky a popis=text pod nimi - sú tam tie medzery. Všimol som si , že to je asi kvôli <br> tagom v .popis a .popiss ktore som tam pridal alebo preto, že niektorych tych popisoch sa to nezmesti na 1 riadok a ked to prejde do 2. zvacsi to a vznika medzera. Viem ze ked spravim @media a zmensi %-alne font tak to pomoze, ale to je velmi neefektivne. Viete ako to fixnut ? :)

 
Odpovědět
28.5.2017 10:57
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Marek Cmarko
Honza Bittner:28.5.2017 11:14

Pošli ukázku na jsfiddle.net nebo codepen.io

Nahoru Odpovědět
28.5.2017 11:14
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Marek Cmarko
Člen
Avatar
Odpovídá na Honza Bittner
Marek Cmarko:28.5.2017 12:36

Nerozumiem celkom ak myslíš že ukážku: dá sa tam vložiť niekde súbor s obrázkami s hocičím ?
A potom ti pošlem link? neviem jak to funguje , zatial som si tam len skusal hadzat HTML a CSS aby som vedel ako to vyzera. Bude to to site ked sem vlozim .zip ?

 
Nahoru Odpovědět
28.5.2017 12:36
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Marek Cmarko
Honza Bittner:28.5.2017 13:00

Obrázek s kódem nám moc nepomůže. A se .zip se nikdo patlat nebude chtít. Pošli tedy ukázkový kód na jsfiddle.net nebo codepen.io a pak to sem pošli a případně napiš, jak reprodukovat tvou chybu.

Nahoru Odpovědět
28.5.2017 13:00
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Marek Cmarko
Člen
Avatar
Marek Cmarko:28.5.2017 13:30

https://codepen.io/…1/pen/vmwZZY?… jednoducho ked zmensis viewport ... tak vidis, ako "skáču" tie pospisy - tie ich výšky - tie ktorých názvy sú dlhšie, a tým pádom rozbíjajú tú .gallery

 
Nahoru Odpovědět
28.5.2017 13:30
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Marek Cmarko
Honza Bittner:28.5.2017 15:23

Tak to je snad logické, že ti to "skáče", když zmenšuješ šířku, ale písmo zanecháváš nezměněné.

Obvykle se gridy dělají třeba tak, že máš fixní šířku pro nějakou šířku obrazovky. Koukni třeba na Bootstrap gridy.

Nahoru Odpovědět
28.5.2017 15:23
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Marek Cmarko
Člen
Avatar
Marek Cmarko:28.5.2017 21:53

No, veď chcel som to spraviť responzivne bez boostrapu , vseobecne bez grid systemu . Takze inak sa to neda nejakym selektorom? , bez gridu jedine ze cez media queries zmenim pri nejakej sirke viewportu font-size ?

 
Nahoru Odpovědět
28.5.2017 21:53
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 7 zpráv z 7.