Starší komentáře ke článku: CSS2 - kaskádové styly podruhé

Zpět na článek | Úvodní stránka Interval.cz

Avatar

Autor komentáře: Ondrej Ivanic

Datum vložení: 4.12.2002 0:26:17

ie (5) obcas potrebuje namiesto cursor: pointer, cursor: hand. Lepsie je uvadzat obidve varianty (validator bude sice frfrlat...): cursor: pointer, hand;

text-shadow ja som celkom rad ze to este nic nepodporuje. Mam zle tusenie ako by to dopadlo :)

Okrem tej tabulky by bolo dobre este uvdzat aj odkaz na prislusnu cast zo specifikacie, na MSDN, ...

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 4.12.2002 1:10:29

Vaše doporučení odporuje specifikaci CSS, a to hned ve dvou bodech. Musel byste to změnit asi takto:

cursor: url("hand.cur"), pointer;

Řekl bych, že v dnešní době je u takto postradatelné věci vhodnější brát ohled na specifikaci CSS než na IE5.

Avatar

Autor komentáře: Ondrej Ivanic

Datum vložení: 4.12.2002 14:41:50

Zapis
cursor: url("hand.cur"), pointer;
je uplne od veci :). Cele je to o tom ze IE5 este nepozna 'pointer' a na niesto toho ma vlastnu hodnotu 'hand'

Prakticka vec je to ze ked tam nebude rucicka tak dost vela ludia si ani nevsimne za sa tam neda kliknut...

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 5.12.2002 0:38:43

Nechápu, co je na tom od věci. Pro IE tam je ručička jako user-defined, kdo si s ní neporadí, dostane standardní pointer, tedy to, co on používá pro odkazy. A na rozdíl od vašeho řešení to je zcela v souladu se specifikací CSS.

Avatar

Autor komentáře: Ondrej Ivanic

Datum vložení: 5.12.2002 11:33:40

Ale ta rucicka je tam iba na elemente [A], nikde inde. Toto je prave ten problem... (Ja ju obcas potrebujem aj niekde inde ako je [A])

A druhy problem je to ze IE5 NEPOZNA vlastnost 'pointer' pri 'cursor' a o url() uz ani nehovorim.

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 5.12.2002 13:22:09

Tak to je smutné. Ale řešení, které doporučujete vy, pro změnu nefunguje v prohlížečích, které se chovají korektně (zkoušel jsem Mozillu 1.2.1, Konqueror 3.0.4). Dělat workaround pro "špatný" prohlížeč, který nefunguje pro ty "dobré" mi nepřipadá jako dobrý nápad. Možná by pomohlo něco jako

cursor: pointer;
cursor: hand;

Je to sice také nekorektní, ale mohlo by to fungovat - IE5 by ignoroval první deklaraci, Mozilla druhou. Ale nechce se mi přebootovávat, abych si ověřil, co s tím IE5 skutečně udělá.

Avatar

Autor komentáře: Ondrej Ivanic

Datum vložení: 5.12.2002 15:45:43

Moj zapis 'cursor: pointer, hand; ' nebolo treba brat doslovne: chcel som tym iba naznacit mozne riesenie ktore ma byt tak ak ste ho napisali vy:

selector {
cursor: pointer;
cursor: hand;
}

Skor mi islo o princip (naznacit ze IE < 6 nepozna pointer co moze niekedy sposobit problem) ako skutocnu realizaciu.

Avatar

Autor komentáře: Marek Prokop

Datum vložení: 5.12.2002 0:43:11

Dostane-li se do rozporu přístupnost/použitelnost se standardy, má přednost přístupnost/použitelnost. V CSS to platí dvojnásob, neboť nevalidní (přesněji *proprietární*) CSS nijak nenarušuje sémantiku dokumentu.

Nedělejte ze standardů dogma ;-)

Avatar

Autor komentáře: Michal Kubeček

Datum vložení: 5.12.2002 5:55:37

Dogma z toho nedělám. Pouze změnu kursoru považuji za natolik kosmetickou záležitost, že dám přednost čistému řešení před plnohodnotným zobrazením ve špatném prohlížeči. Kdyby šlo třeba o to, že by v některém prohlížeči zmizel (jeho vinou) nadpis nebo obrázek překryl kus textu, pak by mělo smysl snažit se to obejít. Ale všechno má své meze, změna kursoru nad objektem není otázka ani přístupnosti ani použitelnosti.

Zde navíc navrhované řešení má tu vadu, že prohlížeč postupující v souladu se specifikací CSS celou deklaraci ignoruje (např. Mozilla 1.2.1, Konqueror 3.0.4, nejspíš i další). Takže workaround chyby jednoho prohlížeče by nefungoval v těch, které se chovají správně. S takovým přístupem zásadně nesouhlasím.

Avatar

Autor komentáře: Petr Havlík

Datum vložení: 4.12.2002 7:53:07

Já bych tu podporu pro stínování bral. Je to docela jednoduchý efekt a určitě lepší než nahrávat nějaký obrázek. Také by se mi docela líbilo aliasování fontů, ale to bych toho asi chtěl po prohlížečích moc.

Avatar

Autor komentáře: nechci

Datum vložení: 4.12.2002 9:43:04

Rád bych upozornil, že je na světě již Mozilla 1.2 (respektivě 1.2.1).

A druhá poznámka. Stínování se dá dosáhnout i pomocí CSS1 - překrývání stejného textu pomocí z-indexu.

Avatar

Autor komentáře: Marek Prokop

Datum vložení: 5.12.2002 0:39:45

"Stínování se dá dosáhnout i pomocí CSS1 - překrývání stejného textu pomocí z-indexu."

Možná tomu říkáte stínování, ale já tomu říkám duplicitní text. IMHO se jedná o dvě velmi zásadně odlišné věci.

Avatar

Autor komentáře: nechci

Datum vložení: 5.12.2002 9:09:30

Máte samozřejmě pravdu že je to duplicitní text, ale vizuálně to tvoří stínování. Navíc je to modulativnější něž obrázky a to z jednoho prostého důvodu - (ne)kompatibilita fontů různých platforem. Abyste mi dobře rozuměl. Nehodlám zde shazovat CSS2, naopak mám dojem že to je věc dobrá a potřebná (třeba tisk se tím dělá krásně), ale pokud to alespoň hlavní prohlížeče nepodporují není jiná možnost než se poohlédnout po jiné alternativě.

Avatar

Autor komentáře: Marek Prokop

Datum vložení: 5.12.2002 12:33:44

Stín je optický efekt tvořený pouze jediným objektem. Dva shodné, či podobné objekty v částečném zákrytu jsou *vyznamově* něco zcela jiného.

Stín je optický efekt tvořený pouze jediným objektem. Dva shodné, či podobné objekty v částečném zákrytu jsou *vyznamově* něco zcela jiného.

Přečtěte si to nahlas a budete mít doma krásnou ozvěnu ;-)

Ale vážně, tady přeci nejde o slovíčka, jde o to, že zdvojením textu zásadně narušíte význam dokumentu.

Avatar

Autor komentáře: Ondrej Ivanic

Datum vložení: 5.12.2002 13:01:55

Javascript by to celkom pekne vyriesil :) (ale aj tak je to blbost)

Avatar

Autor komentáře: Petr Černý

Datum vložení: 5.12.2002 13:14:26

Javascript nevyresi pekne vubec nic...

Avatar

Autor komentáře: Ondrej Ivanic

Datum vložení: 5.12.2002 15:37:51

Ale ano:
1) bud sa tien spravy pomocou css2 bez js
2) alebo pomocou css a relativneho pozicionovania, zindexu
3) alebo css1 + js
4) zaobideme sa bez neho

moznost 1,4 su najlepsie, ale ak ten tien sa tam silomocou chce potom v pripade 2 je potrebne dany text vlozit do dokumentu viackrat co elegante vie vyriesit javascript (t.j moznost 4)

Avatar

Autor komentáře: nechci

Datum vložení: 5.12.2002 14:19:22

Vážený pane, asi Vás dobře nechápu, nebo dobře nechápete Vy mě.
Nevým jaký ZÁSADNÍ PROBLÉM myslíte. Existují dvě roviny významu dokumentu a to z hlediska uživatele a zdrojového kódu stránky.

Nejprve si probereme uživatele: Ten vidí co mu prohlížeč naservíruje. A při použití stínovaného textu obrázkem uvidí stínovaný text (možná právě postižený efektem jiného řezu písma, o zvětšování textu (např. v Mozille) ani nemluvě a při použití "překrývaného" textu také stínovaný text. Tedy uvidí vždy text ve srozumitelné podobě.

Z hlediska zdrojového kódu: Kdo se na něj dívá?
a) Prohlížeč - tomu je to celkem jedno, snad jen paměťové nároky budou menší (v řádech (k)bytů) pokud se nepoužije obrázek.
b) Robot nějakého indexátoru - ten v prvním případě neuvidí text (je jako obrázek a na title se většinou nedívají (vyjímku tvoří služby indexující obrázky (Google, WebFast)) a ve druhém případě uvidí zdvojený text. Za obě varianty budete hendikepován - jednou za to že robot nenajde žádný text (obrázek) a podruhé za text zdvojený. Těžko posoudit která varianta je lepší.

Přikládám ukázku jak by takový kód mohl vypadat (prosím opatřete si jej příslušnou obálkou (rozumějte HTML, BODY, ...):
<div style="color: darkgray; position: relative; z-index: 50; left: 0.1em; top: +1.3em"><b>Stínovaný</b></div>
<div style="color: red; position: relative; z-index: 100;"><b>Stínovaný text</b></div>

Avatar

Autor komentáře: Marek Prokop

Datum vložení: 5.12.2002 18:43:34

Nejde o to, že bychom si nerozuměli v tomto konkrétním případě. Jde o různé pojetí významu HTML. Vy jste přesvědčen, že obsah dokumentu je to, co vy vidíte na obrazovce svého počíteče v okně svého prohlížeče, kdežto já jsem přesvědčen, že obsahem dokumentu je jeho zdrojový HTML kód.

Asi s tím nic nenaděláme. Mohl bych sice vyjmenovat asi deset argumentů pro své pojetí proti jednomu vašemu, ale zrovna na to nemám čas. Snad někdy jindy :-)

Avatar

Autor komentáře: emilio

Datum vložení: 4.12.2002 11:33:22

Muzete mi sdelit, proc byl smazan muj predchozi prispevek?
Upozornil jsem pouze, ze modra neni cervena, a ze na webtipu je o CSS super serial. Jsou tyhle informace pro ctenare skodlive?

Avatar

Autor komentáře: Marek Šalanda

Datum vložení: 4.12.2002 11:44:42

Pekne dopoledne,

omlouvam se, mame problemy s diskusemi a s databazi. Nehledejte v tom prosim nejaky zamer, snazime se vse opravit. Jiz nekolik ctenaru nas na problemy upozornovalo, a tak je resime, bohuzel za behu Intervalu. Dekuji za pochopeni.

Avatar

Autor komentáře: emilio

Datum vložení: 4.12.2002 12:43:39

Omluva prijata. Bohuzel trpim fobii ze zkusenosti z jinych servru.

Avatar

Autor komentáře: JeSiP

Datum vložení: 9.1.2004 12:42:14

Přesýpací hodiny jsou od slovesa přesýpat, sypat a ne přesípat, sípat. Opravte to prosím.

Zpět na článek | Úvodní stránka Interval.cz