Autor | Zpráva | ||
---|---|---|---|
xciza Profil |
#1 · Zasláno: 12. 8. 2014, 15:32:43
Ahoj,
dostal se mě do ruky návrh webu na full width one page web a chtěl bych se zeptat jak takovýhle weby děláte? Pro každou "sekci" bude jiný obrázek, který by měl vyplnit celou obrazovku (nezávysle na její velikosti) a obsah ténhle sekce musí být pouze na části viditelné na monitoru. Vespod obrazovky je šipka pro scroll do další sekce. Díky za rady případně i nějaké funkční ukázky. |
||
Snipo Profil |
Môj postup, ale neviem či je najlepší.
Musíš nastaviť html a body 100% výšku aj šírku: html, body { width: 100%; height: 100%; } Potom už normálne vytvoríš v body divko ktorému nastavíš tiež to isté (teda výšku a šírku na 100%) a takto pokračuješ pre každú ďalšiu sekciu. Čo sa týka pozadia, buď cez css normálne s tým, že mu nastavíš background-size: cover alebo v html obrázkom a potom to riešiť cez z-index. |
||
xciza Profil |
#3 · Zasláno: 13. 8. 2014, 11:32:26
Díky,
pomohlo. Jenom bych měl ještě dotaz - co když pak potřebuji, aby v jedné sekci byla výška podle obsahu? Vetšinou delší text nebo tak něco? |
||
Snipo Profil |
#4 · Zasláno: 13. 8. 2014, 11:45:35
Jednoducho, stačí keď tej danej sekcií nastavíš iba šírku, teda výška bude automatická, ak to nepojde tak daj kód.
|
||
xciza Profil |
#5 · Zasláno: 13. 8. 2014, 12:24:32
Díky, funguje. Zkoušel jsem to i před tím ale asi jsem na něco zapomněl a nešlo mě to.
|
||
Časová prodleva: 10 let
|
0