ipsace i tiskace

Chronologicky

12.2.2006 je spuštěn styl Sněhulka a nastaven jako výchozí. Vyjímečně jsem ho udělal funkční i v IE, i když v něm zdaleka tak dobře nevypadá. Sám jsem jen testoval ještě v konqueroru, nejlepším linuxovém browseru.

25.2. Objevují se nespokojení uživatelé, kterým se stránky nezobrazují zcela košer. Proti očekávání se nejedná o IEčkáře, ale o Opeřence.

8.3. Bystrý VFB si konečně všímá záhadných písmen, která se objeví tady vlevo poclovníčkem témat, než je ten Slovníček částečně překryje.

25.3. mladá paní posílá krásný skrýnšot, kde cituje okřídlenou větu. "Kde udělali soudruzi z NDR chybu?" Citace je sice přesná, ale kvůli věcné správnosti by bylo vhodnější v ní udělat změnu v jedíném znaku. Místo NDR napsat NOR. O tom později.

Proč taxložitě?

Slovníček témat není v dokumentu součástí horního spotu, jak by se mohlo zdát. Je ve skutečnosti úplně na konci dokumentu a na své místo je vložen pomocí absolutního posicování. Důvod je ten, že v každém stylu je umístěn jinde a stránka má úplně jiný lejout.

Souhlasím, že pro seriosní tvorbu webu, při které je nutno vydělávat peníze, to není moc využitelný trik. Je to spíš pro hračičky. Ve velkém webdesignu by to mohlo být využitelné třeba pro aprílové nebo jiné sezónní vydání.

Pokud neznáte trik posicování v kombinovaných jednotkách zavítejte i tam, oba texty spolu úzce souvisejí.

Jak to funguje

Abychom mohli cokoliv kamkoliv absolutne naposicovat, musíme tomu vytvořit místo. Je to proto, že absolutně posicované objekty leží vždy ve vyšší vrstvě než normální tok dokumentu a proto jej zakrývají.

Abych si tedy Slovníčkem nazakryl kus spotu, musím nějak zajistit, aby spot dané místo obtékal. Vyřešil jsem to prázdným divem div id="spacer", který je na začátku prvního spotu. V základním stylu sloužil k udělání místa pro červený logotyp "roj". Tenkrát jsem netušil, jak moc se mi bude hodit k úplně jiným účelům.

Kardinální otázkou je, jaké rozměry tomuto prázdnému divu dát, aby co nejpřesněji kopíroval Slovníček, který přes něj bude absolutně naposicován. Pokud jde o šířku, s tou není problém. Prostě se zadá, je jedno v jakých jednotkách, jen musí být pro oba prvky stejné, tedy jak pro podkladový, tak pro překrývající.

Největší komplikace přináší výška onoho divu. Protože důležitou podmínkou přístupnosti každého webu je, aby si uživatelka mohla měnit velikost písma, musel jsem s tím počítat. Slovníček tedy mění výšku podle toho, jakou má uživatelka velikost písma. Zdálo by se, že tedy stačí zadat výšku podkladového divu v jednotkách em a problém bude vyřešen.

Není! Háček spočívá v tom, že při změně velikosti písma se změní i zalamování textu Slovníčku. Řečeno srozumitelně: Se zvětšením písma se nejenom zvětší výška řádku, ale zmenší se počet slov na jednom řádku, čili text se roztáhne do více řádků! Závislot tedy není lineární.

Zdálo se, že to nemá řešení. Nemá. Alespoň řešení z řádu obyčejných. Naštěstí mám, jak jste si zvykli, řešení neobyčejné. Hezký eufemismus, že? :-) Pracovní název tohoto triku je Ztopoření (erekce) bloku

Co kdybychom ten podkladový blok naplnili pseudotextem, který by se při změně velikosti písma choval velmi podobně, jako Slovníček? Naštěsti CSS umožňuje do elementů vkládat obsah, ostatně tohoto efektu je zde hojně využíváno, pokud vám to nestačí, koukněte na vzorovou šablonu

Zbývalo jen vymyslet ten pseudotext a nastylovat ho. Aby toho nebyl kilobajt, zvolil jsem jen pár fiktivních "slov" mnohem větším fontem. Po několika minutách zkoušení a ladění bylo hotovo. Nejdřív jsem myslel, že to udělám neviditelné, nechal jsem to tam jen kvůli ladění, ale pak se mi to zalíbilo a můžete se tím kochat, i když to má jen nízký kontrast.

Pro většinu uživatelek jsou to tajemné magické nápisy, erotické formulky, které je nutí se sem stále vracet a hledat to, co nenacházejí. A o to, přiznejme si pánové, jde v první řadě.

Operní anomálie

V Opeře to nějak nevychází. Možná na to někdy objevím fintu. Vypadá to, že Opera nějak jinak interpretuje poměry velikostí fontů. Kdo z operátorů neví, co s volným časem, klidně to může rozlousknout a podělit se. Okamžitě zjednám nápravu.

Zatím jediné, co mohu doporučit, je, abyste se naučili přepínat styly a přepli si. Enjoy!