Fixer un menu en haut ou bas de page

Fixer un menu en haut ou en bas de la page

Aujourd’hui on va construire une page html toute simple, sans se soucier du responsive. Le but ici est de se familiariser avec les menus fixes. Dans l’exemple suivant, on va placer le menu et le centrer en bas de page, comme dans l’image suivante :

TP Positionnement 1

On donne à notre footer une position fixe, on crée une marge sur le container principal pour éviter le débordement sur le footer, on centre l‘ul, puis on place les li en inline block. Le menu est bien entendu dans le footer.

See the Pen MYmgWv by yuyazz (@yuyazz) on CodePen.

Et voici le même pour un menu top:

See the Pen menu top by yuyazz (@yuyazz) on CodePen.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.