Vysvětlení (nejen) pro Tlapku

27. červen 2008 | 13.07 |
blog › 
Vysvětlení (nejen) pro Tlapku

Ještě to i trochu rozvedu...abys věděla :)

HTML tag který vytváří tu bublinu nad tou větou se jmenuje title a ten co způsobuje ten otazníček (tedy změnu cursoru) je cursor.

Příklad:

<div title="Toto je v bublině nad textem." style="CURSOR: help"> Text, který vidíte a nad kterým se zobrazuje bublina s dalším textem.</div>

=

Text, který vidíte a nad kterým se zobrazuje bublina s dalším textem.

Zalomení řádku v bublině na určitém místě, se dělá pro Internet Explorer entitou , v ostatních prohlížečích to neumím. Internet Explorer a Opera text bubliny zalomí samy. Mozilla (a tedy i Firefox) zobrazí z bubliny pouze jeden řáde v délce asi pouze 80 znaků (zbytek nahradí třemi tečkami).

Cursor má ale i jiné podoby než jen ta s otazníčkem. Tady je přehled (když nejedete na hodnotu tagu tak se cursor zobrazí):

hodnoty vzhled kurzoru myši
Auto Základní podoba kurzoru závislá na charakteru elementu
Crosshair Křížek na zaměřování
Default Podoba je závislá na nastavení systému. Obvykle šipka.
Hand Ručička obvykle znázorňuje klikací oblast. Nestandardní, funguje pouze v IE.
Pointer Ručička obvykle znázorňuje klikací oblast. Funguje v Mozille, Opeře a v IE 6
Move Čtyřšipka znázorňující možnost přesunutí objektu
e-resize Kurzory pro změnu velikosti.
Písmenka na začátku vyjadřují (anglicky) směr,
kam bude šipka ukazovat.
V různých verzích systému Windows ten kurzor vypadá dost různě. Nespoléhejte na jeho vzhled.
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text Textový kurzor ve tvaru velkého I
wait Přesýpací hodiny (či třeba ve Vistě modrý kolečko a další obdoby)
help Šipka s otazníkem značící možnost nápovědy.

Další hodnoty cursor pro Internet Explorer 6 a Mozillu
hodnoty vzhled kurzoru myši
all-scroll skrolovací kurzor, který se někdy objevuje po stisku prostředního tlačítka. Firefox implementuje jako hodnotu move.
col-resize jako změna šířky sloupce
no-drop ručička s naznačením neklikatelnosti. Firefox implementuje jako hodnotu not-allowed.
not-allowed přeškrtnuté kolečko
progress šipka s hodinami, jako že se něco děje. Podporuje i Opera.
row-resize změna výšky řádku
vertical-text ležatý textový kurzor vertikálního textu

Zpět na hlavní stranu blogu

Komentáře

RE: Vysvětlení (nejen) pro Tlapku tlapka 27. 06. 2008 - 19:41