Liens de la barre de navigation au-dessus des autres

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

Résolu Liens de la barre de navigation au-dessus des autres

Message par Lokiaryu le Dim 3 Mai 2015 - 1:37

Détails techniques


Version du forum : phpBB3
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

Bonjour à tous !

J'essaie d'avoir ma barre de navigation fixée en haut du forum. A priori, tout est O.K, sauf que les liens ne veulent pas se mettre les uns à côté des autres et persistent à se mettre les uns au-dessus des autres. Je vous mets mon CSS relatif à la barre de navigation en dessous. Si vous pouviez me donner le bout de code qui pourrait régler mon souci, ce serait super !

Merci d'avance Smile

Code:
#navig{
  width: 960px;
  margin: auto;
  text-align: center;
}

#navbar{
  position: fixed;
z-index: 999;
  width: 100%;
  background-color: #F7F1E4;
  border-bottom: 2px solid #046380;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;
}

#navig a{
font-size:14px;
font-family:Calibri;
text-transform:uppercase;
text-shadow:#FFFFFF 1px 1px 0px;
word-spacing:2px;
vertical-align:top;
padding-left: 0px;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}


Dernière édition par Lokiaryu le Dim 3 Mai 2015 - 14:25, édité 1 fois

Lokiaryu
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 07/02/2015

http://pumpkin-pasties.forumactif.org
Lokiaryu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens de la barre de navigation au-dessus des autres

Message par MlleAlys le Dim 3 Mai 2015 - 1:58

Bonjour,
C'est à cause des balises <li> qui définissent chaque lien : ce sont des balises pour des listes, donc les liens s'affichent les uns en dessous des autres avec une puce, comme pour une liste ^^"
Pour forcer un affichage "normal" des balises li de la barre de navigation, ajoutez le code suivant à votre feuille de style css :
Code:
#navig li {
  display: inline;
}

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens de la barre de navigation au-dessus des autres

Message par Lokiaryu le Dim 3 Mai 2015 - 14:25

C'est parfait ! Mille mercis, MlleAlys ! spiderman

Le problème est résolu, je vous souhaite une bonne journée !

Lokiaryu
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 07/02/2015

http://pumpkin-pasties.forumactif.org
Lokiaryu 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