Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Interdire citation dernier message
par Milouze14 Aujourd'hui à 14:27

» Règlement de l'entraide Forumactif
par -Tony- Hier à 23:53

» *RESOLU*[Invision] Alerte message reçu dans messagerie
par Milouze14 Hier à 7:18

» *RESOLU*[PhpBB2] Date d'entrée au forum
par Milouze14 Hier à 4:49

» *RESOLU*[Invision] Membres - 'cartes de visite'
par Milouze14 Hier à 4:46

» [PhpBB2] Problème d'affichage FA messenger
par Milouze14 Ven 13 Déc 2019 - 3:54

» *RESOLU*[PhpBB2] Largeur cadre messagerie privé
par Milouze14 Jeu 12 Déc 2019 - 5:54

» *RESOLU*[PhpBB2] Supprimer zone commentaires des infos profil
par Milouze14 Mer 11 Déc 2019 - 17:06

» *RESOLU*[PhpBB3] Aide sur syntaxe JS
par Milouze14 Mar 10 Déc 2019 - 17:35

» *RESOLU*[ModernBB] Décoration !
par Milouze14 Mar 10 Déc 2019 - 16:55

» *RESOLU*[Invision] Vote négatif réservé aux modérateurs et administrateurs
par Milouze14 Mar 10 Déc 2019 - 16:12

» *RESOLU*[ModernBB] Cherche script participation et autres
par Milouze14 Lun 9 Déc 2019 - 17:59

» [Toutes versions]Ajouter un contenu visible que par les membres ayant répondu.
par oneandone Lun 9 Déc 2019 - 17:37

» *RESOLU*[PhpBB2] Supprimer champ de contact dans les infos de profil,
par Milouze14 Dim 8 Déc 2019 - 20:29

» *RESOLU*[Invision] Déplacement du bouton résolu (suite et fin?)
par Milouze14 Dim 8 Déc 2019 - 9:01

» *RESOLU*[PhpBB3] Outil modération
par Milouze14 Jeu 5 Déc 2019 - 19:30

» *CORBEILLE*[Edge] Pub intrusive
par Milouze14 Mer 4 Déc 2019 - 3:55

» *RESOLU*[PhpBB3] Compte à rebours hebdomadaire permanent
par Milouze14 Mar 3 Déc 2019 - 19:02

» *RESOLU*[PhpBB2] Selecteur de style | placement
par Milouze14 Mar 3 Déc 2019 - 16:32

» *RESOLU*[PhpBB3] Retirer lien Signaler un abus
par Milouze14 Lun 2 Déc 2019 - 15:10

*RESOLU* [PHPBB2] Barre de navigation

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

Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Ven 6 Juil 2018 - 12:14

Bonjour,

J'ai un soucis sur les navigateurs web. La barre de navigation reste à la bonne place (fixe) sur firefox mais concernant les autres navigateurs web; lorsqu'on on descend ou monte, il y a comme un vibrement sur la page, elle suit le mouvement du scroll avec un effet de tremblement sans rester fixe et ça se répercute sur les images du body.

Voici le code css de la barre de navigation :


Code:
/* NAVIGATION */
.navSIT {
top:100px; margin-left:880px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:10px;
  z-index: 999 !important;
 position: fixed;
box-sizing:border-box;

}
.mainmenu img{
display:none;

}  

/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block; margin-bottom:5px;
width:135px; padding:10px 5px; border-radius:40px;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
background:rgba(207, 179, 179, 0.8); color:white; /* MODIFIABLE */
opacity:0.8;
transition:opacity .55s ease;
-webkit-transition:opacity .55s ease;  
-moz-transition:opacity .55s ease;
-o-transition:opacity .55s ease;
 z-index: 999;

}
/* COULEURS ALTERNATIVES */
.navSIT a.mainmenu:nth-of-type(even) {
background:rgba(255,255,255,0.5); color:grey; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
opacity:1;
}

/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:55px !important; left:175px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}
   /********************************************* FIN NAVIGATION *********************************************/


Merci de bien vouloir m'aider parce que je ne sais plus comment faire

Bonne journée


Dernière édition par Kaeyla le Sam 7 Juil 2018 - 6:14, édité 2 fois (Raison : Suppression des balises hide)
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 6 Juil 2018 - 18:30

Hello Kaeyla ,

hum il manque le principal, le template concerné et pourquoi encore cacher le style,
on en trouve tous les jours des similaires!!!!!!!!!!!
Je vais donc éditer ton message et le mettre en clair car c'est mon principe.
Lorsque l'on vient demander de l'aide, la moindre des choses et de donner un maximum
de renseignements et donc afficher le contenu, sur le forum des forums, je ne répond pratiquement jamais sur de tels sujets.

Ça me met hors de moi pascontentGrrrrrr
Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Ven 6 Juil 2018 - 18:55

Voici l'emplacement de la barre de navigation placé dans le template overall header juste avant :

Code:
<div style="clear: both;"></div>

Code:
  <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="navSIT">
<tr><td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 6 Juil 2018 - 18:59

Merci Kaeyla,

je ne rencontre pas de problème de mon côté, je crois que tu avais fait une demande concernant les iframes, il faudrait peut être voir de ce côté clin oeil
Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Ven 6 Juil 2018 - 19:09

Hello Phil.,

J'ai retiré les iframes et j'ai toujours le même problème sur internet explorer.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 6 Juil 2018 - 19:31

Effectivement , c'est assez étonnant cette histoire, je regarde tout cela demain matin chère amie clin oeil
Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Ven 6 Juil 2018 - 20:03

Hello Phil.,

Bonne fin de soirée

A demain cher ami clin oeil
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 7 Juil 2018 - 4:18

Hello Kaeyla ,
je viens de tester sur mon fofo et je n'ai pas de soucis, le soucis vient d'ailleurs chère amie.
Ton template overal_header doit être très chargé si je ne trompe pas.
Tu peux me donner ce dernier stp clin oeil

en attendant,
comme je l'ai toujours mentionné,
il ne faut jamais positionner une table en pixels mais avec un pourcentage et il est préférable d'utiliser un left plutôt qu'un margin-left ici:

Code:
margin-left:880px;
En

Code:
left:80%;



Code:

/* NAVIGATION */
.navSIT {
top:100px;
margin-left:880px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:10px;
  z-index: 999 !important;
 position: fixed;
box-sizing:border-box;

}

Pour retirer les images de la barre de navigation, il est préférable de donner la balise avec la class Kaeyla :

Code:

.mainmenu img{
display:none;



En

Code:
a.mainmenu img{
display:none;

Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Sam 7 Juil 2018 - 6:14

Hello Phil.,

Ça marche super bien. Merci pour le % de la marge corrigé parce que je voulais récemment changer tous les "margin" avec le % mais le changement ne se faisait pas à cause d'avoir gardé "margin-left" ou "margin-right". Je n'avais pas fait attention à cette différence entre % et px.

Sinon comme tu m'as expliqué que le problème vient du template overall Header alors j'ai modifié l'emplacement de la barre. Et ça marche impeccable.

Merci bcp et bonne journée cher ami. clin oeil
Jackymi
Jackymi
Milouzien

MessageJackymi le Sam 7 Juil 2018 - 9:47

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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