Problème affichage barre de navigation

[Greyjoys]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir,

Je viens vous voir pour vous présenter le problème suivant;
N'aimant que moyennement l'espace "de base" se trouvant entre chaque mot de la barre de navigation, j'ai souhaité le réduire. Je suis passé par une div dans le template overall_header pour pouvoir modifier l'apparence de celle-ci depuis le css. J'y ai appliqué la balise word-spacing: -10px; mais comme les menus de message et de connexion peuvent se retrouver avec plusieurs mots pour un même lien disons. Le menu "déconnexion [utilisateur]" par exemple, pour résoudre le problème j'ai utilisé la balise "#logout {word-spacing:0px;}" ce qui a très bien fonctinné comme sur la capture d'écran.
Or, le soucis reviens pour le "1 nouveau message". Je souhaiterais donc que ceci ne subisse pas le word-spacing du menu en général, y'a-t-il une balise tel que #logout ou bien un moyen pour résoudre le problème?

Merci de votre attention.

[MlleAlys]

Bonjour,

..	Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

L'espace entre les liens vient en fait des images de la barre de navigation : ici ce sont des images de 1*1px vide, mais elles sont forcées à une hauteur de 13px, donc la largeur augmente d'autant...

Plutôt que de mettre un espace négatif entre les mots, vous pouvez forcer ces images à reprendre leur taille de 1px, en supprimant word-spacing: -10px; et en ajoutant le code css suivant à votre feuille de style :

Code:

.menujoli img {
  height: auto;
  margin: 0;
}

[Greyjoys]

Merci beaucoup pour ta réponse, comme tu me la proposé j'ai changé ça et j'ai aussi réduit le margin du code pour pouvoir rapprocher les mots. Merci à toi.