Jak udělat při ":hoveru" aby tam vyjel text?

napríklad takto http://kod.djpw.cz/cxkb

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.

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.

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.

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.

Keeehi:
Tomáš123 zrejme myslel niečo takéto http://kod.djpw.cz/ixkb

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-

Bubák:
myslím, že opacity nie je výhra, keďže funguje od IE9.

martin1312:
Můžeš použít filtry.

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?

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?

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

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.

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.

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

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.

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.

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