Jdi na obsah Jdi na menu

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řidat komentář

Přehled komentářů

v.n. - fakt bezva hry

19. 2. 2010 17:58

http://s2.gladiatus.cz/game/c.php?uid=150582

Tomáš Hypeš - Re: NOIR

23. 1. 2010 15:20

Formátovat si to můžeš, jak chceš.

NOIR - NOIR

23. 1. 2010 14:54

Ahoj a neda sa menit farba toho pisma alebo styl ???

Andrej - Rada

30. 11. 2009 11:12

Uz to mam.. Dakujem !!!

Andrej - Rada

30. 11. 2009 11:10

Kde a aky odkaz tam mam dat??

Tomáš Hypeš - Re: Rada

30. 11. 2009 6:25

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

29. 11. 2009 23:21

<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?

Tomáš Hypeš - Re: Rada

29. 11. 2009 19:18

Do odkazu dej:
#page

Andrej - Rada

29. 11. 2009 17:06

Mam styl J

Tomáš Hypeš - Re: Rada

29. 11. 2009 16:55

Jakou máš šablonu?

Andrej - Rada

29. 11. 2009 16:29

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..

27. 11. 2009 22:12

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

8. 10. 2009 16:12

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

8. 10. 2009 16:06

A to myslis k tomu obrazku ci k te rubrice.A do jake casti toho puvodniho HTML kodu?

Tomáš Hypeš - Re: pls

8. 10. 2009 16:01

Udělej si to v editoru a překopíruj HTML.

jakaru - pls

8. 10. 2009 15:59

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

Tomáš Hypeš - Re: ahoj

28. 9. 2009 15:26

Tak HTML je:
<a href="#bgall">Nahoru</a>

jakub karl - ahoj

28. 9. 2009 14:54

www.tretia3zskolin.estranky.cz

Tomáš Hypeš - Re: ahoj

28. 9. 2009 14:46

Dej mi adresu stránek.

jakub karl - ahoj

28. 9. 2009 14:07

tak co?