problème avec ma barre de navigation

2 participants

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

Résolu problème avec ma barre de navigation

Message par Neffa Ven 13 Jan 2017 - 0:28

fini merciiii


Dernière édition par Neffa le Ven 13 Jan 2017 - 22:22, édité 1 fois
avatar

Neffa
**

Messages : 70
Inscrit(e) le : 31/03/2013

http://hbsfifa.boum.tv
Neffa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec ma barre de navigation

Message par MlleAlys Ven 13 Jan 2017 - 0:39

MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: problème avec ma barre de navigation

Message par Neffa Ven 13 Jan 2017 - 2:51

j'ai bien essayé avant de poster mon sujet mais le probleme c'est qu'il faut qu'elle s'accorde avec les cotés du forum et qu'elle resté figé toujours en haut de l'écran meme si on est en bas du forum
avatar

Neffa
**

Messages : 70
Inscrit(e) le : 31/03/2013

http://hbsfifa.boum.tv
Neffa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec ma barre de navigation

Message par MlleAlys Ven 13 Jan 2017 - 17:18

Dans le code css du tutoriel, modifiez
position: absolute;

en
position: fixed;


Installez dans un premier temps la barre ainsi et nous verrons ensuite pour régler sa largeur.
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: problème avec ma barre de navigation

Message par Neffa Ven 13 Jan 2017 - 20:12

bonjour je viens de refaire le tutoriel, il manque juste qu'elle se mette au milieu et mettre des ombres sur les cotés, puis réduire un peut sa hauteur victoire
avatar

Neffa
**

Messages : 70
Inscrit(e) le : 31/03/2013

http://hbsfifa.boum.tv
Neffa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec ma barre de navigation

Message par MlleAlys Ven 13 Jan 2017 - 20:54

Dans votre template, modifiez cette partie :
Code:
<center><div class="navig">{GENERATED_NAV_BAR}</div></center>
en :
Code:
<div class="navig"><div>{GENERATED_NAV_BAR}</div></div>

Dans votre feuille de style, modifiez :
Code:
#navigation {
  background-color: #47898F;
  border-bottom: 2px solid #A7D94A;
  position: fixed;
  top: 0;
  width: 69%;
}
en :
Code:
#navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

et ajoutez le code suivant :
Code:
#navigation div {
  box-sizing: border-box;
  width: 70%;
  min-width: 954px;
  margin: auto;
  background-color: #47898F;
  border-bottom: 2px solid #A7D94A;
  text-align: center;
}

Pour que la barre soit plus étroite, modifiez les images de navigation, ou bien supprimez-les et affichez les liens sous forme de texte.
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: problème avec ma barre de navigation

Message par Neffa Ven 13 Jan 2017 - 22:21

nickeeel tout marche très bien! merci de m'avoir répondu si vite Affirmatif
résolu
avatar

Neffa
**

Messages : 70
Inscrit(e) le : 31/03/2013

http://hbsfifa.boum.tv
Neffa a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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