Autor Zpráva
iiic
Profil
Ahoj.

Nevíte někdo, jak zabránit posunu obsahu elementu, při označování textu, který ten element obsahuje?
Tady je zjednodušená ukázka zdroje:
<style>
    div{height:20px;overflow:hidden}
</style>
<div id="id-tu">
    <h1>nadpis</h1>
    <p>dlouhý text zde</p>
</div>
Funguje to tak, že obsah elementu p je skrytý a zobrazí ho css:target slektor (javascript by mohl taky) a problém je v tom, že když je zrovna text skrytý dá se na něj najet pomocí označování textu, tím, že uživatel vybere nadpis a označením táhne dále dolů.
To právě nechci, aby se na ten text dalo dostat...
zkoušel jsem zabránit označení textu, pomocí user-select:none (css3), což sice označení textu skutečně zabránilo, ale nezabránilo to onomu posunu a nechtěnému zobrazení textu... takže k ničemu.
Nejde mi o tom, skrýt ten text aby se k němu nikdo nedostal, ale o to, aby tam nemohl nechtěně zarolovat

poradíte prosím?
peta
Profil
clip?
overflow je jen zpusob, jak se bude text chovat, kdyz pretece rozmery prvku. Clip to oreze. Ale, pak to zas nepujde rolovat bez javascriptu :)
iiic
Profil
clip by byl asi dobrý, ale dá se aplikovat jen na prvky s position:absolute a to mi tam zrovna moc nesedí... něco s relativní pozicí by se hodilol
peta
Profil
2 divy? jeden s relative a v nem absolute?
iiic
Profil
jo, takhle se to povedlo, díky

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0