Barre de navigation - texte non centré

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Barre de navigation - texte non centré

Message par Tatsuki le Mar 26 Jan 2016 - 15:32

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.


Dernière édition par Tatsuki le Mar 2 Fév 2016 - 13:20, édité 1 fois

Tatsuki
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation - texte non centré

Message par Tatsuki le Jeu 28 Jan 2016 - 18:11

up

Tatsuki
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation - texte non centré

Message par Ange Tuteur le Jeu 28 Jan 2016 - 18:42

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 */
}

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation - texte non centré

Message par Tatsuki le Mar 2 Fév 2016 - 13:19

Bonjour,

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

Problème résolu

Tatsuki
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum