Aktuální kategorie: CSS

Redakční info: sekce Hotová řešení pro CSS byla převedena do designu současného interval.cz.

V době, kdy webové technologie ještě nebyly rozvinuté a existovalo jen málo prohlížečů, se v zásadě dařilo vytvářet stránky, které vypadaly a fungovaly všude stejně. Postupem času však webové technologie pronikaly na další a další platformy, důsledkem čehož nelze webovým stránkám zajistit všude naprosto stejnou funkcionalitu a vzhled.

Mnozí lidé si webovou stránku pletou s vytištěným plakátem a domnívají se, že má vypadat za všech okolností stejně. Jenže webová stránka je prostě interpretovaný kód a záleží na vlastnostech a schopnostech interpreta, jak se s ním vypořádá. Tento aspekt trápí spoustu webdesignérů. A možná zbytečně. Kdyby mu vyšli vstříc …

My webdesignéři se radujeme i z maličkostí. Naši kolegové ze světa tisku se musí bavit, když sledují, jak mluvíme o tom, že konečně jsme schopni dosáhnout na webu takových layoutů, které oni běžně už roky používají. Řekněme to rovnou - dnes je snadnější dát na web video, než nastavit konzistentně písmo nebo zarovnat prvky do mřížky.

Jako webdesignéři se jistě často setkáváte (nebo budete setkávat) s nutností ukázat vícero druhů výrobků na malém prostoru určeném pro jeden obrázek. Například vícero variant interiéru auta, několik barevných variant téhož svetru nebo vzory na froté ručníku. Technika popisovaná v tomto článku vám tento problém vyřeší velmi elegantně přímo přes CSS a pomocí jediného obrázku.

V tomto článku ze série o doporučení Cascading Style Sheets 3 se podíváme na současný stav implementace některých zajímavých novinek v aktuálně používaných prohlížečích.

Série článků o budoucnosti CSS3 se pomalu dostává ke svému závěru. V tomto článku se pokusím ohlédnout a shrnout, co nám vlastně nové kaskádové styly přinesou a kde jsou jejich případná úskalí.

Kaskádové styly umožňovaly již ve svých předchozích verzích ovlivňovat uživatelské prvky definované v dokumentu. CSS3 jde v tomto ještě dále a nabízí nám dva moduly popisující spolupráci s odkazy a formulářovými prvky.

Doporučení CSS2 přineslo oproti svému předchůdci možnost cílit styl na zvolené médium (obrazovka, tiskárna a podobně) a také nové vlastnosti použitelné pouze na určitém zařízení. CSS3 v tomto pokračuje a přináší další možnosti, jak dodat alternativní vzhled v závislosti na médiu.

V tomto článku se podíváme na zoubek podpoře sloupcového rozvržení obsahu elementu a nové, velmi zajímavé koncepci prezentační úrovně dokumentu.

První verze kaskádových stylů nenabízela žádné možnosti, jak do výsledné zobrazené podoby dokumentu vkládat informace (texty, počítadla, obrázky), které nejsou jeho součástí. CSS2 nakročila k vylepšení tohoto stavu umožněním vkládání dodatečných dat před a za element. Chystané CSS3 pokračuje dále v tomto trendu - bude umožňovat velmi rozsáhlou a precizní kontrolu nad generovaným a nahrazovaným obsahem elementů.

Tento článek je zaměřen především na nové možnosti týkající se textu a řádkových elementů, jejichž obsah je nejčastěji tvořen právě textovými informacemi.

Formátování pozadí a okrajů elementu čekají v CSS3 zajímavé a především dobře využitelné změny. V tomto článku si je popíšeme společně s novými možnostmi nastavování barev, které s tímto tématem do značné míry souvisí.

V tomto článku o budoucím doporučení CSS3 si přiblížíme změny, které se chystají v modulech zabývajících se kaskádou, dědičností a obdélníkovým modelem.

Kaskádové styly způsobily skutečnou revoluci ve tvorbě dokumentů určených pro web, protože umožnily efektivně oddělit obsah od jeho prezentace. Nyní je doporučení CSS ve své druhé verzi a vývojáři začínají pomalu pokukovat po jeho nástupci, normě CSS3. Tato série článků by jim v tom měla pomoci. V tomto článku se podíváme na pozměněnou strukturu doporučení a na nové selektory v něm uvedené.

Opět se vracíme k normě CSS2, která značným způsobem rozšiřuje možnosti původních kaskádových stylů. Tento článek doplňuje přehledné informace o podporu CSS2 v  nových řadách Opery a v prohlížeči Firefox.

Tento článek informuje o tom, jaké prohlížeče uživatelé používají na konci roku 2004, předkládá praktické postupy, jak ohýbat styly pro používaný ale starý MSIE, a nastiňuje metody hledání triků pro jiné potenciálně problematické prohlížeče.

Článek se na teoretické úrovni zamýšlí nad postupy individualizace stylopisů v prohlížečích zastaralých a s implementačními chybami. Z možných postupů pak vybírá ty reálné a předkládá jejich úplný seznam, ve své funkční podstatě, s nastíněním výhod a nevýhod.

Při tvorbě stránek se snažím oddělovat vzhled od obsahu tím, že používám XHTML a CSS. Nedávno jsem ale narazil na jeden problém. Vytvářel jsem stránku, ve které jsem navigační nabídku umisťoval absolutním pozicováním do levého sloupce. Nic by na tom nebylo, kdybych se na stránku nepodíval mobilním telefonem. Zjistil jsem, že navigační menu nikde není.