NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: Responzivní timeline

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

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Vojta Korduliak
Člen
Avatar
Vojta Korduliak:27.6.2020 20:19

Ahoj,
snažím se udělat timeline, ale vůbec nevím jak na to. Timeline by měla být responzivní a první položka by měla být vycentrovaná na středu landing page.. nějaký nápad jak to udělat?
http://prntscr.com/t7l11z

Děkuji.

Editováno 27.6.2020 20:21
 
Odpovědět
27.6.2020 20:19
Avatar
Lukáš
Tvůrce
Avatar
Odpovídá na Vojta Korduliak
Lukáš:28.6.2020 8:57

Ahoj, ukaž kus kódu co už máš, případně jestli používáš bootstrap nebo čistej css, takhle se horko těžko radí. Ale pomocí bootstrapu to bude hračka. Doporučuji projít místní tutoriály -> konkrétněji bootstrap grid systém

 
Nahoru Odpovědět
28.6.2020 8:57
Avatar
Vojta Korduliak
Člen
Avatar
Vojta Korduliak:28.6.2020 14:40

No právě že nemám nic, dá se říct. Má to být začátek stránky. A používám čistý css.. bootstrap bych tam nedával. Napadl mě způsob přes css grid, ale to se mi jaksi nepovedlo xD .

 
Nahoru Odpovědět
28.6.2020 14:40
Avatar
Michal Štěpánek
Člen
Avatar
Odpovídá na Vojta Korduliak
Michal Štěpánek:1.7.2020 15:14

Máš nějaký důvod k "nepoužití" bootstrapu? Já bych ho rozhodně nezatracoval...

Nahoru Odpovědět
+1
1.7.2020 15:14
Nikdy neříkej nahlas, že to nejde. Vždycky se totiž najde blbec, který to neví a udělá to...
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:2.7.2020 13:13

centrovani - tag center, css text-align:center, css margin:0 auto (je nutne nastavit sirku), position + top:50% + margin-top:(-height) + height

https://www.jakpsatweb.cz/…trovani.html
https://www.jakpsatweb.cz/…stnosti.html

Ja bych to resil bootstrapem. Nalinkujes si jejich css, nalinkujes si k tomu sve css, kterym to jejich prepisujes, treba barvy a mas hotovo. Podobne, jak jsem si hral tu s diskuzi
https://www.rar.cz/…messages.php?…
Jen tu bocni caru jsem obsloh z dokumentace, to v css nemaji.

 
Nahoru Odpovědět
2.7.2020 13:13
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.