Pro CSS: formátování
Hover efekt pro seznam odkazů
Chcete-li ozvláštnit seznam odkazů, vhodným prvkem může být například tzv. hover efekt který známe převážně z různých typů tlačítek.
Zde si můžete...
Tabulka s posuvníkem a pružnou šířkou
Tabulka u které je popis sloupců jednotlivých buněk viditelný i po scrollování směrem dolů. Její šířka není pevně stanovena a mění...
Obrázkové popisné seznamy
Toto řešení ukazuje efektní vylepšení strohých textových popisných seznamů pomocí obrázků uvozujících texty. Seznam definic (definition list - DL) tak můžeme...
Objekt mezi odstavci
Toto řešení ukazuje, jak pomocí CSS umožnit vložení obrázku nebo i jiného objektu (například textu nebo videa) do prostoru mezi vizuální...
Fotogalerie se stejnou výškou řádku
Tato galerie ukazuje kombinaci několika CSS vlastností, pomocí nichž je dosaženo pružnosti fotogalerie a zároveň stejné výšky řádků v případě, že...
Fotogalerie se zmenšenými obrázky a popisky
Toto řešení ukazuje, jak s pomocí CSS vytvořit fotogalerii, ve které jsou jednotlivé obrázky umístěny ve stejně vysokých divech (kontejnerech) i...
HR – vodorovná čára
Řešení ukazuje využití HTML elementu HR, tedy vodorovné čáry. Tag HR se již příliš nepoužívá, ale sémanticky do HTML stále patří....
Kalendář v CSS
Toto řešení ukazuje, jak lze pomocí kaskádových stylů vytvořit vizuálně působivý kalendář. V příkladu jsou uvedeny dva kalendáře - jeden kalendář...
Inline tlačítka
Toto řešení ukazuje, jak vytvořit čistě textová tlačítka. Tato tlačítka jsou formátována jako inline prvky uvnitř textu. Mohou tedy být formátována...
Styly formulářů
Toto řešení předvádí, jak pomocí CSS upravit vzhled formulářů. Ve třech ukázkách jsou demonstrovány formuláře s různými položkami a možnostmi jejich...
Rámování tabulek
Toto řešení ukazuje, jak můžeme formátovat tabulky, především jejich okraje, abychom dosáhli co nejlepšího vizuálního efektu. Různé styly rámečků kolem tabulek...
Mapa webu
Toto řešení ukazuje, jak se dá formátovat libovolný stromový výpis.
Zde si můžete prohlédnout výsledek.
Toto řešení pochází z webu ZAB DESIGN. Bližší...
Formátování tabulek
Toto řešení ukazuje běžné i méně obvyklé způsoby formátování tabulek. Zajímavá je například možnost formátovat sloupce tabulky.
Zde si můžete prohlédnout výsledek.
Podrobnosti...
Hrátky s okrajem textu
Někdy se může hodit poněkud netypické formátování plovoucích objektů v textu. Denně takové formátování můžeme vidět například v tištěných novinách. Toto...
Obrázek na pozadí odstavce
Toto řešení ukazuje, jak zlepšit vzhled odstavců na Vašich stránkách. Ukazuje jak vytvořit zvýraznění prvního slova v odstavci obrázkem na pozadí...
