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

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 Ajesto 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 : https://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

Ajesto
****

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

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

Résolu Re: Barre de navigation flottante

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

Up Very Happy
avatar

Ajesto
****

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

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

Ajesto
****

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

http://codage-actif.forumactif.com/
Ajesto 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 : 1633
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 : 4688
Inscrit(e) le : 12/09/2012

http://mllealys2.forumactif.org/
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation flottante

Message par Ajesto 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

Ajesto
****

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

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