Články autora Redakce Interval.cz
Tabulka se skrolováním
Toto řešení ukazuje, jak s pomocí CSS snadno vytvořit tabulku s vertikálním skrolováním (posunováním obsahu). Uvedené řešení konkrétně využívá dvou vnořených tabulek. Jeho hlavní výhoda je v úspoře prostoru.
Horizontální obrázkové blokové menu s popisem
Toto řešení ukazuje, jak vytvořit horizontální obrázkové blokové menu s popisem. Menu využívá techniky image replacement a jako základu je využito nečíslovaného seznamu. Uvedeny jsou dvě rozdílné ukázky.
Horizontální průhledné hover menu
Toto menu patří spíše mezi ta ozdobnější. Pomocí několika částečně průhledných obrázků docílíme snadno velmi pěkných efektů. Toto menu funguje ve všech prohlížečích, kromě Microsoft Internet Exploreru, který nepodporuje standardním
Odkaz Více
Toto řešení ukazuje, jak pomocí CSS vytvořit populární odkaz „více“ nebo „více zde“, který po kliknutí zobrazí pokračování započatého textu ve zvětšeném objektu. Při opětovném kliknutí jinam zase tento text
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ář je vytvořen pomocí tabulek a druhý bez jejich použití.
Prevence zalamování řádku
Toto řešení ukazuje, jak lze snadno obejít problém MSIE s interpretací mezer v menu a podobných konstrukcích. Celý trik je přitom založen na využití CSS vlastnosti „white-space: nowrap“, která brání zalamování řádků.
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 jako plovoucí, zarovnávána nebo vkládána do seznamů.
Kulatý roh stránky
Pomocí tohoto řešení můžeme zarovnat text podle různě zakřiveného – například kulatého – okraje.
Alternativa ke clear:both
Toto řešení přináší alternativu pro clear:both. Konkrétní příklad ukazuje, jak ukončit text okolo plovoucího (float) objektu. Clear:both totiž v tomto případě vytváří nadbytečnou mezeru.
Hover nápověda
Toto řešení najde využití například v textech obsahujících hodně zkratek či odborných termínů. Nápověda se zobrazí okamžitě při najetí myší a uživatel tak není obtěžován načítáním jiné stránky.
Vertikální dvouúrovňové obrázkové menu 2
Klasické vertikální menu s obrázkovým pozadím. Je třeba dát pozor na formulářový prvek SELECT, který dělá těmto menu problémy. Nezbývá, než si dát při tvorbě na tuto chybu pozor.
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 stylování.
Horizontální dvouúrovňové obrázkové menu
Klasické horizontální menu s obrázkovým pozadím. Je třeba dát pozor na formulářový prvek SELECT, který dělá těmto menu problémy – v IE se vnutí do popředí a není vidět obsah podmenu, ve
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 a jednotlivých buněk usnadňují vnímání jejich obsahu a zvyšují
Nahrazení tečkovaného okraje při onfocus
Toto řešení ukazuje, jak opravit chybu objevující se ve Firefoxu při použití často využívané techniky Phark Image Replacement. Po kliknutí se u aktivního active/on-focus objektu objeví ve Firefoxu nehezký tečkovaný