avatar
Sexe : Masculin
Date d'inscription : 29/11/2017
Messages : 57
Newbie
Voir le profil de l'utilisateurhttp://petit-poisson.forumactif.com

   Quelle structure est concernée par votre problème ? la barre de navigation
   Qu'elle est l'adresse du forum concerné (sous hide si cela vous dérange) ? http://petit-poisson.forumactif.com
   Un screen du problème : éventuellement, si aide à la compréhension
   
Spoiler:
image ici
   Expliquez précisément votre problème : lorsque je zoom dézoom ma barre de navigation se déplace de gauche à droite.
   
Code:
/* NAVIGATION */
#navSIT {
position:fixed; z-index:5; left:0px; top:0;
width:100%; height:50px;
background:#F2E6C0; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:400px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
border-color:#F2E6C0; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:16px; font-family:Monotype Corsiva; /* MODIFIABLE */
color:#5C4124; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:''; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:High text tower; /* MODIFIABLE */
color:#5C4124; /* MODIFIABLE */
transition:all .15s linear; -webkit-transition:all .15s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {

}
/* 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:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:#F2E6C0 !important; font-family:High text tower; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:#5C4124 !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:High text tower; /* MODIFIABLE */
background:#3B271C; color:#5C4124; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:#5C4124; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:#5C4124; 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:#5C4124 !important; /* MODIFIABLE */
}

Code:
<body>
  
  
  
  
  
  
  
   <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
<script type="text/javascript">$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});</script>
<tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>
 
  

ma barre de navigation est placé après la balise body.

déjà avant j'avais ce problème avec une autre barre de navigation.

   
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2869

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
Hello,

Ta barre de navigation bouge puisqu'elle est fixer sur ta page grâce au CSS suivent :

Code:
.navSIT {
position:absolute; top:15px; right:400px;
}

on lui dit d'être positionner à 400px à droite. Donc quand tu dézoom tu ajoute plus de pixel donc le 400px de tout taleur est devenue exemple 800px. Donc ta navigation décale... Je suis claire ?

Que veux-tu fait ? Tu veux qu'elle soit centré ? Si c'est le cas retire le code cité plus haut et ça devrais réglé ton problème.






Mes cadeau ♥️:

Merci Milou ♥️

Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Masculin
Date d'inscription : 29/11/2017
Messages : 57
Newbie
Voir le profil de l'utilisateurhttp://petit-poisson.forumactif.com
Bonsoir Batty, tu es toujours très compréhensible, c'est vrai que j'ai pas pensé que supprimer le code du déplacement au lieu de rajouter une valeur  pour la déplacer était la solution , d'autant plus que la barre est liée dans le template à la position du menu donc elle se positionne d'elle même.

Merci

je la souhaitais bien au centre résolu! merci
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2869

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
Génial si j'ai résolut ton problème !

hihi j'ai débuté moi aussi je sais qu'on peux ce casser la tête sur un petit problème tout con pendent des heure ;) si je peux aider alors je suis ravie =)






Mes cadeau ♥️:

Merci Milou ♥️

Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3990

Fiche Membre
Lots gagnés:
Admin' / Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
Du coup si c'est réglé je déplace en archive ♥️

Héhé oui on connaît ça nous aussi avec Batty x)
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum