Autor Zpráva
Aligator
Profil *
Jak na to?
martin1312
Profil
napríklad takto http://kod.djpw.cz/cxkb
Keeehi
Profil
martin1312:
Použití magické konstanty -999px je fuj. Nevíš jak je element široký a jak je text dlouhý.

Aligator:
Více informací by neuškodilo. martin1312 navrhl jednu z možností jak to řešit ale je jich spousta. Pro určité účely jsou nějaké vhodnější, v jiných situacích je lepší použít zase něco jiného. Čím více informací dodáš, tím lépe ti budeme moct poradit.
martin1312
Profil
Keeehi:
jasne, malo to byť iba ako ukážka. Minimálne by bolo lepšie použiť aspoň -9999px :D
Najlepšie je to riešiť asi pomocou display: none alebo visibility: hidden. Tam však treba kúsok viac HTML kódu, čo je detail.
Tomáš123
Profil
Keeehi:
Čím více informací dodáš, tím lépe ti budeme moct poradit.
Obecne možno, v tejto situácii nie.

Aligator:
Prečítaj si niečo o vlastnostiach visibility a display.

Ukážka hotového riešenia by mohla vyzerať nejako takto. Alternatívne by si mohol použité vlastnosti nahradiť (zhora nadol) aj display: none, display: block.
Keeehi
Profil
martin1312:
Pořád je to magické. Myslím že -200% by bylo lepší. I když to pořád není optimální.

Tomáš123:
Obecne možno, v tejto situácii nie.
A pročpak?

Navíc zkoušel jsi tu tvojí ukázku? Minimálně v chromu to nefunguje, jelikož na prvkem s visibility:hidden; se nevyvolá hover.
martin1312
Profil
Keeehi:
Tomáš123 zrejme myslel niečo takéto http://kod.djpw.cz/ixkb
Bubák
Profil
Keeehi:
na prvkem s visibility:hidden; se nevyvolá hover
Vhodnější je opacity.

Trochu jsem blbnul, ale ani tohle není optimální:
http://kod.djpw.cz/gxkb
http://kod.djpw.cz/gxkb-
martin1312
Profil
Bubák:
myslím, že opacity nie je výhra, keďže funguje od IE9.
Taurus
Profil
martin1312:
Můžeš použít filtry.
Tomáš123
Profil
Keeehi:
A pročpak?
Lebo metóda skrývania nie je podmienená dostatkom informácií. Stále je rovnaká. Skôr išlo o tom poskytnúť najlepšie riešenie.

Minimálně v chromu to nefunguje
Neskúšal, ďakujem za informáciu.

martin1312:
Tomáš123 zrejme myslel niečo takéto
Aj som to napísal a odkázal :-)
Ďakujem za úpravu. Nevšimol som si, že to prevádzaš trochu inak.

Opacity nie je vhodné kvôli starším IE, visibility kvôli Chromu, ale prečo nepoužiť display: none/block?
Keeehi
Profil
Tomáš123:
Skôr išlo o tom poskytnúť najlepšie riešenie.
A jak budeš měřit, které řešení je lepší, když k tomu nemáš žádné údaje?
Tomáš123
Profil
Keeehi:
A jak budeš měřit, které řešení je lepší, když k tomu nemáš žádné údaje?
Prepáč, ale neviem si predstaviť údaje, ktoré by ovplyvnili odpoveď. Ide o podporu, tá sa nemení.
lionel messi
Profil
Tomáš123:
visibility kvôli Chromu
Ani kvôli Firefoxu.

prečo nepoužiť display: none/block?
Pretože taktiež nepomôže. Chybné tvrdenie, viď [#16] a [#18].

Každé riešenie má svoje výhody a nevýhody. Vo všetkých prehliadačoch so zapnutým JS by malo fungovať riešenie podobné tomuto: Skrývání a odkrývání textu.
Keeehi
Profil
Tomáš123:
Prepáč, ale neviem si predstaviť údaje, ktoré by ovplyvnili odpoveď.
Neviditelný text může/nesmí být zkopírovatelný.
Musí/nemusí to být inline.
Určitý element musí/může/nesmí být.
atd.
weroro
Profil
Keeehi:
Neviditelný text může/nesmí být zkopírovatelný.
V tomto prípade je viac ako jasné, že skopírovateľný byť nemusí.

Musí/nemusí to být inline.
Záleží na tom aká je jeho obalovacia značka.

Určitý element musí/může/nesmí být.
To priamo súvisí s predošlým bodom.

lionel messi:
„prečo nepoužiť display: none/block?“
Pretože taktiež nepomôže.
Ja v tom problém nevidím http://kod.djpw.cz/nxkb
Tomáš123
Profil
Keeehi:
Neviditelný text může/nesmí být zkopírovatelný.
Vymýšľaš...

Musí/nemusí to být inline.
V prípade opacity, visbility sa display nemení. Riešenie s použitím display: none -> display:block/inline/inline-block závisí od konkrétneho použitia. Aligator by sám zistil čo potrebuje.

Určitý element musí/může/nesmí být.
Funkčné riešenia neovplyvňujú okolie.
lionel messi
Profil
weroro:
lionel messi:
> „prečo nepoužiť display: none/block?“
> Pretože taktiež nepomôže.
Ja v tom problém nevidím http://kod.djpw.cz/nxkb
Pravdu máš, moja nepozornosť, skúšal som na nevhodnom príklade.
Taurus
Profil
Musím se zastat Keeehiho. Můžeme nabídnout varianty opacity, display, visibility, margin, position aj., přičemž každé použití může být vhodné na jinou situaci. Na to, jak je to jednoduché téma, mi přijde vlákno zbytečně zaplevelené.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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