problème avec ma barre de navigation

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 le Ven 13 Jan 2017 - 0:28

fini merciiii


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

Neffa
**

Messages : 62
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 le Ven 13 Jan 2017 - 0:39

avatar

MlleAlys
Membre actif

Messages : 4587
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 le 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

Neffa
**

Messages : 62
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 le 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.
avatar

MlleAlys
Membre actif

Messages : 4587
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 le 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

Neffa
**

Messages : 62
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 le 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.
avatar

MlleAlys
Membre actif

Messages : 4587
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 le Ven 13 Jan 2017 - 22:21

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

Neffa
**

Messages : 62
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


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