Problème taille de mon menu

[ede42]

Bonjour,

Je suis en train de retravailler la charte graphique de mon site.

Elle est dispo ici : http://www.planete-nextgen.com/Petit...y/Contact.html.

J'ai un souci avec mon menu du haut, selon la résolution de l'écran alors le texte de mon menu passe en dessous.

Comment faire pour que ça ne se produise pas ? Actuellement j'ai 2 em entre chaque lien de mon menu, mais si je met en pixels alors ça ne va pas s'adapter au différentes résolutions

[lefabdu51]

Re : Problème taille de mon menu

ton probleme si situe au niveau du module de login

class="klogin-logoutlink"

Cette classe est utiliséee pour les liens de droite (mdp predu).... et la hauteur de celle ci fait qu elle repousse les liens de menus en dessous, d ou le décalage de certains éléments seulement.
en mettant une hauteur de 12px à cette propriété, tes elements de menu remontent.
.klogin-horiz ul.klogin-greeting, .klogin-horiz ul.klogin-logoutlink {
float: left;
display: inline;
padding: 0 !important;
margin: 0 !important;
height: 12px;
}

[ede42]

Re : Problème taille de mon menu

Salut lefabdu51,

Merci du conseil mais en faite ce n'est pas ce que je voulais dire (même si ça va me servir).

En faite il s'agit du problème lorsque l'on réduit la fenêtre comme ceci :

ITW TEST etc .... passent dessous

[lefabdu51]

Re : Problème taille de mon menu

redimmensionne la taille de ta police utilisée pour le texte de tes liens.. La elle est en pixels, donc elle ne se redimmensionne pas

#nav li a {
display: block;
padding: 0 2.5em;
line-height: 30px;
color: #C9C9C9;
font-weight: bold;
border-radius: 7px;
font-size: 14px;
}

font-size: 14px; essaye en passant cette propriété en em et la elle se redimensionneras

[lefabdu51]

Re : Problème taille de mon menu

redimmensionne la taille de ta police utilisée pour le texte de tes liens.. La elle est en pixels, donc elle ne se redimmensionne pas

#nav li a {
display: block;
padding: 0 2.5em;
line-height: 30px;
color: #C9C9C9;
font-weight: bold;
border-radius: 7px;
font-size: 14px;
}

font-size: 14px; essaye en passant cette propriété en em et la elle se redimensionneras