Barre de navigation flottante

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

Résolu Barre de navigation flottante

Message par Laiorm le Dim 25 Déc 2016 - 9:49

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Application sur mon fofo de ce tutoriel : http://forum.forumactif.com/t381565-
Lien du forum : http://codage-actif.forumactif.com/

Description du problème

Bonjour,

Comme vous pouvez voir dans le screen, ma barre de navigation flottante suite au tutoriel ne fait pas toute la largeur du .wrap
J'ai réussi a la positionner a gauche, mais impossible de la coller a droite.
J'ai essayé de gruger avec le CSS avec les width, right et margin-right, le width n'est pas assez précis pour toutes les tailles d'écrans, le right et le margin-right ne sont même pas appliqué.

Merci d'avance pour vos réponses,
Laiorm


Dernière édition par Laiorm le Jeu 29 Déc 2016 - 17:07, édité 1 fois
avatar

Laiorm
****

Masculin
Messages : 306
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Laiorm a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation flottante

Message par Laiorm le Lun 26 Déc 2016 - 11:51

Up Very Happy
avatar

Laiorm
****

Masculin
Messages : 306
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Laiorm a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation flottante

Message par R-max le Mar 27 Déc 2016 - 0:31

bonsoir ^^

remplacé ce code css >>

Code:
ul#fa_sticky_nav {
    left: 10%;
    margin: 0 0 0 -8px;
    width: 80%!important;
}

par celui ci >>

Code:
ul#fa_sticky_nav {
  margin: 0 0 0 -8px;
    width: 100%!important;
}
avatar

R-max
Membre habitué(e)

Masculin
Messages : 1609
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation flottante

Message par Laiorm le Mar 27 Déc 2016 - 10:57

Bonjour,

Sur mon forum, cela fait maintenant la taille de la page, or la barre
@Laiorm a écrit:ne fait pas toute la largeur du .wrap

Je cherche justement a ce qu'elle fasse la largeur du wrap, la elle fait la largeur de la page, merci quand même Very Happy

Laiorm
avatar

Laiorm
****

Masculin
Messages : 306
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Laiorm a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation flottante

Message par R-max le Mar 27 Déc 2016 - 11:40

hum,, essayer voir avec celui la >>>

Code:
ul#fa_sticky_nav {
    display: block;
    left: 0px;
    right: 0px;
    width: 81%!important;
    margin: auto!important;
}
avatar

R-max
Membre habitué(e)

Masculin
Messages : 1609
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation flottante

Message par MlleAlys le Mar 27 Déc 2016 - 22:29

Bonjour,
Pour plus de précision, j'aurais plutôt fait comme ça :

- localier le code suivant :
Code:
#wrap {
  background-image: url(https://i37.servimg.com/u/f37/19/58/79/45/backgr10.png);
  border-left: solid #c9494b;
  border-right: solid #c9494b;
  padding-top: 0;
}
- ajouter box-sizing au wrap pour ne plus être embêté par le padding :
Code:
#wrap {
  background-image: url(https://i37.servimg.com/u/f37/19/58/79/45/backgr10.png);
  border-left: solid #c9494b;
  border-right: solid #c9494b;
  padding-top: 0;
  box-sizing: border-box;
}

- localiser le code suivant :
Code:
ul#fa_sticky_nav {
  display: block;
  width: 80%!important;
  left: 10%;
  margin-left: -8px;
  right: 10%;
}
- le modifier ainsi :
Code:
ul#fa_sticky_nav {
  display: block;
  width: 80% !important;
  left: 10%;
}
avatar

MlleAlys
Membre actif

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

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

Résolu Re: Barre de navigation flottante

Message par Laiorm le Mer 28 Déc 2016 - 21:05

Je testerai sa une fois chez moi Very Happy

EDIT : Sa marche très bien ! Merci Very Happy
avatar

Laiorm
****

Masculin
Messages : 306
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Laiorm 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