Pevná pozice
Anglicky fixed position a do CSS se zapisuje position: fixed;. Pevná proto, protože rolování nemá vliv na pozici. Stále to je na stejném místě bez ohledu na obsah stránky. Takto udělané mám tlačítko Nahoru v dolním pravém rohu. Ve starších prohlížčích (například IE6 a starší) to nefunguje a zobrazí se to tam, kam jste to vložili.
Kompatibilita
| Současná verze eStránek: | ANO |
| Nová verze eStránek: |
ANO |
Testováno 28. září 2009
Vložení
1. Vytvořte nebo si otevřete již vytvořený příspěvek nebo stránku. Přepněte si na HTML pomocí tlačítka "WYSIWYG / HTML" nad editorem. Nebo si otevřete Nastavení - Upravit kód šablony - např. Hlavní šablona, pokud chcete mít měnící text na všech podstránkách.
2. Vložte HTML kód:
| <div style="position: fixed; left: 0px; top: 0px; width: 100px; height: 100px">obsah</div> |
left: 0px; - Pokud necháte left, bude to vlevo. Pokud to změníte na right, tak vpravo. 0px je vzdálenost od kraje.
top: 0px; - Pokud necháte top, bude to nahoře. Pokud to změníte na bottom, tak dole. 0px je vzdálenost od kraje.
100px - To je šířka. Pokud dáte 100%, bude to široké přes celé okno.
100px - To je výška. Pokud dáte 100%, bude to vysoké přes celé okno.
obsah - To je HTML toho, co chcete mít v pevné pozici.
A máte hotovo
Komentáře
Přehled komentářů
http://s2.gladiatus.cz/game/c.php?uid=150582
Tomáš Hypeš - Re: Rada
Protože tam nemáš odkaz.
<div style="position: fixed; right: 0px; bottom: 0px; width: 125px; height: 125px"><a href="#page"><img height="25" width="125" src="http://www.superceny.estranky.cz/archiv/iobrazek/308" /></a></div>
Andrej - Rada
<div style="position: fixed; right: 0px; bottom: 0px; width: 100px; height: 100px"><p align="center"><img height="25" width="125" class="obrazek" alt="Obrazek" src="http://www.superceny.estranky.cz/archiv/iobrazek/308" /></p></div>
Tento kod tam davam, mam tam talcitko no nefunguje mi, kde mam presne dat to co si mi napisal?
Andrej - Rada
Ahoj Tome. Skusal som si dat tlacitko vpravo na pevnej pozicii tak ako Ty.Tlacitko tam viem dat, to je v poriadku, len neviem ako mam urobit, ze po kliknuti na tlacitko nahoru mi posunie stranku nahoru?? Vies mi poradit ako na to?? Vopred dakujem za tvoju odpoved.
benko - to..
to je super stránka!!!
hovorím o nej takmer každému!!!
len pre info choďte na moju stránku:www.skolaher.estranky.cz
Tomáš Hypeš - Re: jasan
Vytvoř si novou stránku, tam udělej, co chceš mít v pevné pozici. Stránku neukládej, ale zkopíruj HTML.
jakaru - jasan
A to myslis k tomu obrazku ci k te rubrice.A do jake casti toho puvodniho HTML kodu?
jakaru - pls
A hele jak mam udělat že tam mam u toho nahoru obrazek já tam mám jen písmo. a jaký je HTML kod když chci přesměrovat na nejakou rubriku v mém případě http://www.tretia3zskolin.estranky.cz/stranka/redaktor.ka
v.n. - fakt bezva hry