PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 10/09/2015 10:37:51

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 752
Site Web

Largeur de menu automatique

Bonjour,

Pour un site que je viens de mettre en ligne (http://www.hilaire.fr) j'ai un menu de navigation horizontal mais j'ai un soucis avec certain navigateur. Le dernier éléments du menu passe à la ligne en dessous.

Pour définir la taille de chaque éléments de menu j'ai utilisé le padding sur la balise "a". Est-ce qu'il y a un moyen la largeur se définisse automatiquement suivant la place disponible mais tout en gardant la même largeur pour chaque "li" de premier niveau ?

Philippe.


"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

#2 10/09/2015 11:38:16

Gzyg
Membre
Inscription : 25/09/2006
Messages : 837
Site Web

Re : Largeur de menu automatique

Salut,

Si ton menu n'est pas appelé à évoluer (à accueillir d'autres items), tu peux définir la taille des li en pourcentage dans un container avec un max-width.
D'autant que les intitulés sont de taille proche.

Par exemple, si tu as 7 liens pour une largeur max de 1600px, chaque lien aura une largeur d'à peu près 14,2857142857%. smile

Puis basculer les li en 100% pour les petits écrans avec les media-queries.


à plus,

Gzyg

Hors ligne

#3 10/09/2015 15:11:10

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 752
Site Web

Re : Largeur de menu automatique

Parfait, merci.


"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés