Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 : 24
Inscrit(e) le : 07/02/2015

http://enter-ilvermorny.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;
}
avatar

MlleAlys
Membre actif

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

http://mllealys2.forumactif.org/
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 : 24
Inscrit(e) le : 07/02/2015

http://enter-ilvermorny.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