Largeur de menu automatique
flipflip
Member
dans Discussions
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.
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 de l'array
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
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%.
Puis basculer les li en 100% pour les petits écrans avec les media-queries.
à plus,
Gzyg
J'ai un string de l'array