Tvorba webu - nastavení patičky Vyřešeno

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Tvorba webu - nastavení patičky

Příspěvekod Stene » 17 dub 2010 09:40

Ahoj, nevíte jak nastavit nějaký layout, který by byl úplně na konci (dole) stránky. Kdyby byl txt delší, než je obrazovka a bylo by to rolovací, tak aby to bylo ještě pod tím textem.

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Tvorba webu - nastavení patičky

Příspěvekod CZechBoY » 18 dub 2010 12:44

myslim že už jsem to tu jednou psal, ale už nevim kde.
no patičku můžeš nastavit přes [syntax lang=css]position: relative; bottom:0position: relative; bottom:0[/syntax] to snad není problém, ale problém je že někdy má stránka 2 řádky a někdy 200řádků, takže si tam dej před to nějakej blok s [syntax lang=css]min-height: 100%[/syntax]
pak by měla být patičky vždy dole
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webu - nastavení patičky

Příspěvekod Myloš » 18 dub 2010 14:07

Jestli chceš patičku, která se odroluje se zbytkem stránky, viz http://weblog.plavacek.net/2005-02.html
Jestli chceš simulovat rámy, použij position:fixed
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Tvorba webu - nastavení patičky

Příspěvekod CZechBoY » 18 dub 2010 16:26

Myloš: position:fixed je to samé jako position:absolute ...
pokud bude mít dokument (text v něm) výšku třeba 5000px a patička bude mít pozici bottom:0 tak to bude vypadat opravdu pěkně ;)
na konci stránky(okna) bude dál pokračovat nějaký text a přes něj bude napsaná patička Copyright & coded by Týpek
myslím že to není to nejlepší řešení, já bych to spíš udělal tím min-height
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webu - nastavení patičky

Příspěvekod Myloš » 18 dub 2010 17:05

CZechBoY:
Position fixed není to samé jako absloute.
Tohle uděláš jen s fixní pozicí. (odladěno v IE 7/8, Opeře, FF a Chrome. Naopak nefunguje v IE6).

Ve svém min-height máš chyby, proto odkazuji na Plaváčka.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Tvorba webu - nastavení patičky

Příspěvekod CZechBoY » 18 dub 2010 18:11

No to je zajímavé už vím co to je position: fixed :lol:
kdyžtak mrkněte: http://www.testing.jabko.net/paticka.php
ještě zkusim ten plaváčkův příklad, ale jak jsem koukal tak to moc dobře nevypadá

EDIT: hm plaváčkova metoda ehm k ničemu si myslím ;-) je totiž stejná metoda jak ta moje, position: relative s výškou textu 100% ;-)
http://www.testing.jabko.net/paticka-plavacek.php
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Tvorba webu - nastavení patičky  Vyřešeno

Příspěvekod Stene » 19 dub 2010 14:15

Díky pánové, tohle už jsem vyřešil přes plaváčka..


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Tvorba webu/aplikací
    od matty » 09 lis 2024 13:41 » v Programování a tvorba webu
    6
    4372
    od domitea Zobrazit poslední příspěvek
    14 lis 2024 19:51
  • Hra ve Scratch - tvorba
    od zuzana3 » 21 bře 2025 07:45 » v Hry
    5
    4337
    od zuzana3 Zobrazit poslední příspěvek
    26 bře 2025 09:48
  • Hra ve Scratch - tvorba Příloha(y)
    od zuzana3 » 27 bře 2025 09:44 » v Hry
    9
    7476
    od zuzana3 Zobrazit poslední příspěvek
    10 dub 2025 12:57
  • MEZERA NA WEBU Příloha(y)
    od webovynadsenec » 08 srp 2024 00:22 » v Programování a tvorba webu
    2
    6037
    od HelFix Zobrazit poslední příspěvek
    09 srp 2024 10:15
  • Index webu Příloha(y)
    od Tondaaaa » 18 srp 2024 00:15 » v Web-tipy a vaše weby
    5
    11917
    od HelFix Zobrazit poslední příspěvek
    28 srp 2024 12:14

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 2 hosti