Autor Zpráva
inseminator
Profil *
Neustále zápasím s vytvořením jednoduchého a univerzálního show hide scriptu.

codepen.io/pantata/pen/GgqyVM


Jak docílím toho aby

1) byl #zajezd přesně u spodní a levé hrany #test
2) #volba nepousunovala okolní divy a byla "nad ostatním obsahem"
3) jak pozicovat #rozb univerzálně pár pixelů od levého okraje? (u krátké verze to vypadá ok, u široké už ne)

Moderátor Davex: Titulek „Show/hide“ nevystihoval podstatu dotazu. Příště zkus prosím vymyslet lepší.
Tomáš123
Profil
inseminator:
1) byl #zajezd přesně u spodní a levé hrany #test
Pomocou position: absolute. Určíš si, ako ďaleko chceš umiestniť prvok zľava a zhora. Relatívne poziciovanie nadradeného prvku zabezpečí stabilitu pri zmene rozlíšenia.

2) #volba nepousunovala okolní divy a byla "nad ostatním obsahem"
Pomocou position: absolute. To spôsobí, že prvok nebude zasahovať do toku dokumentu.

3) jak pozicovat #rozb univerzálně pár pixelů od levého okraje? (u krátké verze to vypadá ok, u široké už ne)
Pomocou position: absolute. Nadradenému prvku nastavíš position: relative (alebo position: absolute), čím zahájiš súradnicový systém pre všetky vnorené prvky s absolútnym poziciovaním.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: