CLEARFiX - xhtml, css, javascript, seo

Netuším, kolik návštěvníků stránek používá tisk přímo z prohlížeče, ale rád to, i třeba tomu 1% usnadním a vytvořím jim speciální styl pro tisk.
Jak vypadá výsledný vzhled tisku, se můžete podívat na nově spuštěných stránkách www.lanex.cz, nejlépe to jde vidět v sekci O nás, pokud si (v Internet Exploreru) zobrazíte náhled tisku, tak uvidíte, že se tiskne opravdu jen text, který je pro uživatele důležitý.

Základní deklarace speciálního tiskového stylu se provádí přes:

ve zdrojovém kódu ho umísťuji pod všechny CSS, které mám nadeklarovány, aby všechny CSS tzv. „přebyl“.
Samotný print.css vytvořím z hlavního CSS stylu, kde nastavím header, footer a menu (pokud je) na display: none, ostatní nadřazené DIVy hlavního textu, dám na 100% a background (pokud mají) nastavím na bílý, samozřejmě jím odstraním padding a margin a výsledek testuji v Internet Exploreru, zdá se mi na toto nejrychlejší a nejlepší a jelikož většina uživatelů (BFU) používá právě IE.

Samotné tlačítko, sloužící pro tisk stránky vypadá nějak takto:

Vytisknout stránku

Více o tisku stránky vědět asi nepotřebujete, existují samozřejmě ještě triky, jak výsledný vzhled tisku pomocí CSS doladit, ale nevím kolik kodéru něco podobného používá, nebo se tiskem do podrobna zabývá.
Opět stejný závěr, kdybyste měli jakýkoliv dotaz nebo nějaké doplnění k tisku HTML stránky, tak se neváhejte vyjádřit do komentářů, díky

Nemá cenu kopírovat stejný článek na víc míst, proto sem umístím pouze odkaz, na článek, který jsem sepsal pro firemní blog:
http://blog.webprogress.cz/twitter-videa-fotky-blogy-a-ti-ostatni

Tak jsem si udělal radost a koupil jsem si svoje vysněné auto: MG ZR 160 VVC

Informace:
– Objem: 1.8
– Výkon: 118kW / 160HP
– Rok: 2005
– Barva: modrá metalíza
– Najeto: 67 000km
– Dovoz: Francie – jsem druhý majitel, první v ČR

Fotky:

Podpis na forum:

V tomto článku bych chtěl vysvětlit co je potřeba k tomu, aby si kodér mohl nastylovat vlastní vzhled bubliny, ve které se zobrazují informace po kliknutí na ikonku na mapě, pro názornost, ukážu příklad na nově spuštěném webu www.zetor.cz, kde v kontaktech naleznete, po kliknutí na záložku „Jak k nám“, google mapu. Když si kliknete na jednu z ikon, umístěných na mapě, tak zjistíte, že použitý vzhled je trochu jiný, a upravený.

Je zbytečné, abych zde opět sáhodlouze popisoval, jak vše udělat, a popisoval krok po kroku, proto sem hodím pouze odkaz na příklady, na kterých je pěkně vidět, že stačí pouze připojit do dokumentu jeden Javascriptový soubor, a poté už si můžete bublinu stylovat dle Vaší libosti. Pokud Vám nebude něco jasné nebo budete mít s něčím problém, tak buď se zkuste podívat do zdrojových kódů na www.zetor.cz a nebo napište do komentářů, pokud budu vědět, rád poradím

Né každy doma máme dva operační systémy, s různými prohlížeči a nastavené tak, abychom si vše mohli otestovat, proto je zde služba BrowserShots, slouží k otestování Vašich stránek a můžete si udělat obrázek o tom jak se bude stránka chovat na jiných systémech a jiných prohlížečích, mimo to si můžete ještě vypnout Javascript, Javu a Flash a nebo nastavit barevnou hloubku a velikost obrazovky.

Pokud znáte ještě nějakou jinou stránku, která umí podobné věci nebo používáte na testování stránek něco jiného, tak se podělte do komentářů