CSS

Dnes si ukážeme jako pomocí CSS obohatit své formuláře o barevné prvky. Pokud máte pocit že standardní formulářové prvky kazí vzhled vašich stránek, čtěte tento článek!

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 malou...

O kaskádových stylech (Cascading Style Sheets) se píše čím dál častěji, čím dál více webmasterů je přijímá za své, a stránky formátované výhradně pomocí CSS rostou jako houby po dešti. Bohužel, současně přibývá i chyb, kterých se autoři stránek při a...

Pro optické zvýraznění horizontálního dělení obvykle textových bloků se často využívá i vodorovné čáry, pro kterou v XHTML existuje nepárová značka "hr". Pokud však tvůrce stránek neví, jak přizpůsobit její zobrazení k obrazu nejen svému, ale i pro...

Seznamy položek reprezentované v jazyce (X)HTML pomocí značek "ul" a "ol" patří k těm prvkům značkovacího jazyka, které různé prohlížeče bez dalšího upřesnění zobrazují každý po svém. Vinou toho se často stává, že kaskádovými styly upravený sezna...

Úkol je prostý – zajistit v (X)HTML požadovanou a neměnnou velikost buněk v tabulce pomocí kaskádových stylů. Řešení také není nikterak složité. Ovšem cesta k řešení bude plná pokusů a omylů. Pokud si ovšem neprostudujete následující povídání.

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!

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á...

Seznamy a výčty jsou ve vizuálních prohlížečích formátovány poměrně „anarchisticky“. Proto je dnes trochu zkrotíme s pomocí CSS, abychom je mohli bez obav o narušení jednotnosti a dobrého vzhledu stránky využívat.

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...

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ě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á nestandar...

V několika mých předchozích článcích o HTML jsem popisoval, jak pomocí vnořených tabulek či neviditelného obrázku dosáhnout jednopixelového a také částečného orámování tabulky. Myslím, že je čas na to, abychom si řekli, jak orámovat prvky v HTML pomo...

Pokud se teď podíváte na libovolný web u nás či v zahraničí, zjistíte, že jeho layout je na v drtivé většině webů vytvořen pomocí tabulek v HTML. Původní záměr tvůrců HTML byl ten, že tabulky budou sloužit pro sazbu různých číselných údajů, ale to p...

V nedávném článku o tvorbě layoutu jsem vám ukázal, jak snadno lze pomocí čistého CSS vytvořit třísloupcový layout stránky. Dnes nepřímo naváži na tento článek a ukáži vám, jak vytvořit pomocí CSS layout se dvěma sloupci, který bude obsahovat hlavičk...

Domníváte se, že kaskádovými styly se ve větší míře nemusíte příliš vzrušovat, protože tvoříte graficky velmi složité stránky, které nejdou s CSS moc dohromady? Protože pracujete hlavně s obrázky a těm CSS nijak zvlášť nepomůže? V tom případě je nača...