Menu v CSS

Vodorovné, svislé, fixní, vysouvací, klikací a další navigace webových stránek.

Všechny články z kategorie

Oddělovač položek v navigaci

Oddělovač položek v menu

Jakými způsoby v CSS lze realisovat oddělovač položek v menu.

Tolerance myši u vyskakovacího menu

Tolerance myši u vysouvacího menu

Při vytváření menu reagujícího na najetí myši (hover) je dobré tolerovat nepřesnou cestu myší.

Fit-content

Fit-content

CSS vlastnost fit-content nastaví šířku podle obsahu.

Menu přes celou šířku

Menu přes celou šířku

Jak vytvořit vodorovné menu s neznámým počtem položek přes celou šířku.

Hover efekty s text-shadow

Hover efekty s text-shadow

Zajímavé :hover efekty s využitím CSS vlastnosti text-shadow.

Hover efekty s box-shadow

Hover efekty s box-shadow

Zajímavé :hover efekty s využitím CSS vlastnosti box-shadow.

Responsivní menu

Responsivní navigace

Jak udělat elegantní navigaci pro zobrazení na malých obrazovkách.

Fixní menu při scrollování

Fixní menu při rolování

Jak při odrolování stránky zafixovat menu na horní hraně obrazovky.

Vodorovné menu

Horizontální navigace

Různé možnosti, jak vytvořit vodorovné menu s odkazy vedle sebe.

Menu reagujicí na kliknutí

Rozklikávací menu

JavaScriptové menu otvírající/zavírající se po kliknutí.

Vyskakovací menu v CSS

Vyjížděcí menu v CSS

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

Zvýraznění podle rolování

Označení odkazu na kotvu, pokud je na ní odrolováno

U jednostránkových webů s fixní navigací (s odkazy na #kotvy) může být vhodné právě viditelnou (aktivní) položku zvýraznit.