Barre de navigation - texte non centré

[Tatsuki]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://onesownway.forumactif.org/

Description du problème

Bonjour,

Je viens faire vous pour un petit soucis qui me turlupine depuis un bon moment. J'ai l'habitude des codes (HTML, CSS) mais pour la première fois, j'aimerais intégrer un fond pour ma barre de navigation. Juste là, aucun soucis j'ai rajouté le fond et il s'affiche correctement.

Le seul hic, c'est que c'est un peu du bidouillage (faut avouer que bon, même en ayant l'habitude, je suis pas une experte) et je n'arrive pas à centrer verticalement les liens et sur certains forums, la barre de navigation s'en va vers la droite.

Voici un aperçu de mon CSS :

Code:

a.mainmenu {
  top:50px;
  color: #FFFFFF;
  font-size:15px; /*taille du texte*/
  font-weight:bold; /*gras*/
  text-transform:uppercase; /*majuscule*/
  font-family: 'Oswald', sans-serif;
  text-align:center; /*centré*/}

.navig {
position: absolute;
top: 410px;
height:69px;
width:881px;
padding-bottom:3px;
  left:350px;
background-image: url('http://img11.hostingpics.net/pics/574616bannire1.png');}
 

Je n'ai aucune image, hors le fond, pour les liens et ils tiennent sur une seule ligne.

Mon template est aussi modifié.

En espérant obtenir une réponse me permettant de résoudre le souci.

Merci.

[Tatsuki]

up

[Ange Tuteur]

Bonsoir Tatsuki,

Remplacez votre code CSS par :

Code:

a.mainmenu {
  color: #FFFFFF;
  font-size:15px; /*taille du texte*/
  font-weight:bold; /*gras*/
  text-transform:uppercase; /*majuscule*/
  font-family: 'Oswald', sans-serif;
  text-align:center; /*centré*/
  display:inline-block;
  line-height:45px;
}
 
.navig {
  position: relative; /* absolute >>> relative */
  top: 425px;
  height:69px;
  margin-bottom:-69px; /* height === margin-bottom */
  width:881px;
  background-image: url('http://img11.hostingpics.net/pics/574616bannire1.png');
}

#i_logo {
  margin-bottom:80px; /* épace pour navbar */
}

[Tatsuki]

Bonjour,

Excusez ma réponse tardive !
C'est parfait merci infiniment ^^

Problème résolu