CSS

Dnes si ukážeme, jak pouze pomocí CSS vytvořit navigační menu s roll-over efekty. Jedná se o oblast CSS, která je využitelná již v dnešních prohlížečích, proto byste si článek rozhodně neměli nechat ujít!

Věrní čtenáři Interval.cz si možná pamatují můj starší článek o různých tipech při používání tabulek. V tomto článku byl také tip, jak zarovnat prezentaci na střed okna prohlížeče pomocí dvou tabulek. Tento tip má ovšem své mouchy - využívá nestandardn...

Následující skript jsem vytvořil jako náhradu běžícího textu, který pracuje pouze v IE. Pomocí absolutního pozicování a atributu hidden/visible můžete se zapojením JavaScriptu vytvořit reklamní proužek, který bude postupně nabízet vámi přednastavené texty

Pomocí kaskádových stylů lze velmi dobře upravovat sazbu webových stránek. Ukáži vám, jak s jejich pomocí vytvoříte třísloupcový vzhled s hlavičkou, patičkou a prostorem pro reklamní banner.

Není tak složité umožnit uživateli pouhým stisknutím tlačítka změnit velikost písma na vaší stránce. Stačí využít CSS a okořenit je JavaScriptem.

Pseudotřídy :before a :after v kaskádových stylech představují svým způsobem zvláštní kategorii. Lze v ní uplatnit unikátní vlastnost content, která může mít za hodnoty speciální funkce. Které funkce to jsou a jak se používají se dozvíte v následujícím te

At rules jsou speciální příkazy CSS2 (v následujícím textu je budu nazývat @pravidla). Dovolují použití určitého stylu na cíl, který není v XHTML definovatelný, nebo představují výkonné příkazy. Začínají znakem @, následovaným samotným identifikátorem pra

Stránková média (náhledy pro tisk, prezentace pro projektory ad.) jsou zvláštním druhem zařízení pro zobrazování dokumentů. Narozdíl od monitorů nemohou poskytnout zázemí pro posun zobrazované oblasti. Namísto toho rozdělují dokument na pomyslné strán....

V jednom z minulých článků jste se mimo jiné dozvěděli, že v CSS2 existují dva nové pseudoelementy :before a :after. Podívejme se na ně podrobněji. Ukáži vám také mechanismus vkládání uvozovek a číslování, které s těmito pseudoelementy přímo souvisejí.

I když se tentokrát budeme zabývat právě zmíněnými možnostmi tabulek, považuji v následujícím textu tabulku pouze za výstup strukturovaných dat, nikoli za formátovací prostředek. Vstupme tedy za oponu tabulek v CSS2 a jejich podpory v prohlížečích.

Jedním z hlavních nedostatků původního HTML a CSS byl fakt, že autoři stránek měli pouze minimální možnost ovlivnit přesné umístění určitého elementu. Proto byly postupně v prohlížečích implementovány nové vlastnosti, které umožňovaly přesné pozicování.

Ukáži vám, jak vytvořit plovoucí layout se třemi sloupci, hlavičkou, prostorem pro reklamní banner a patičkou, který využívá výhradně relativního pozicování.

V dnešní době se již stává standardem definovat vizuální podobu stránky výhradně pomocí CSS. Definice CSS pro každý prvek stránky jsou v dnešních prohlížečích přístupné pomocí JavaScriptu, což umožňuje jednoduše měnit vzhled stránky na základě akcí uživat

Internet v drtivé většině prohlížíme prostřednictvím monitoru našeho počítače. Co se však stane, když jej nemáme k dispozici? Nejprve vám na jednoduchém příkladě ukáži, jak pomocí CSS převést běžnou stránku do tiskové podoby, a poté vám nabídnu ...

Pomocí druhé verze kaskádových stylů je možné obsah webových stránek nejenom zkrášlovat, ale též rozšiřovat o další textové prvky. K tomu slouží vlastnost content, kterou je možné použít ve speciálních pseudotřídách :before a :after.

První verze kaskádových stylů nabízí vesměs primitivní možnosti přiřazení stylů značkám webové stránky. S příchodem druhé verze je možné aplikovat styly například na sousední značky či na základě hodnot jejich atributů. Jak vypadají takové zápisy a jak ji

V prvním přehledu si představíme filtry pro nastavení průhlednosti prvku (Alpha), zobrazení grafiky v pohybu (Blur), vytvoříme iluzi stínu (DropShadow) a nakonec elegantně nastavíme vybranou barvu jako průhlednou (Chroma).