Moderní tvorba webových aplikací

O webu

Vyjížděcí menu v CSS

Jak vytvořit v čistém CSS vyskakovací menu.

3 minuty

V kaskádových stylech lze využít pseudo třídy :hover a docílit tak toho, že při najetí myší na nějakou položku se jiná objeví.

  1. Normálně je element skrytý (display: none),
  2. při :hoveru se přepne na block/inline.

Ahoj… Světe!

Funguje to od Internet Exploreru 7, starší umí :hover jen na odkazech.

Menu jako na Alza.cz

Pokud se k výše uvedenému principu přidá špetka dalšího CSS, může to vypadat takto…

  • Vyskakovací
  • Menu
  • Pomocí
  • CSS
  • U vyskakovacího menu bývá dobrá nějaká tolerance nepřesnosti pohybu, zabývá se tím samostatný článek:

    Související články

    Vložení CSS do stránky

    Jakými všemi způsoby připojit CSS do stránky.

    9 minut

    Jak „focusovat“ správně díky :focus-visible

    Jak správně řešit označený (:focus) stav formulářových prvků.

    4 minuty

    Poskakování obsahu akčních tlačítek

    Jak vyřešit problém s poskakováním obsahu, když se změní textace nebo tučnost tlačítka.

    9 minut

    Má smysl měnit kursor tlačítek?

    Tlačítka mají na webu po najetí jiný kursor než odkazy.

    4 minuty

    Web jecas.cz píše Bohumil Jahoda, kontakt
    Seznam všech článků
    2013–2025